aclees86

Thank you so much. I just tested it and it's exactly what I wanted. You saved me an age searching!

So, this really is as simple as adding a DIV and using this code to fix it at one place?? Thank you - I will try this in the morning.

I would like to have an image on my page that sticks in the same position - even if the page is scrolled. I know this is technically easily possible in CSS, but I can't seem to manage to get it to serve as a link. I'm looking for something similar to that held on: itportal.com. I've noticed that there's a Javascript file doing this for them, and after a long while searching on the internet (probably using the wrong search terms...) I cannot find anything that may be helpful to me trying to create my own. Can anybody offer me any advice, or point me in the right direction of a few tutorials? My Javascript knowledge is very limited - so please keep this in mind. Many thanks

Thank you everybody for your advice. Just before I was about to post the full code here I stumbled on a blog that advised to use 'display:inline-block' and 'text-align:center' and this seems to have solved the problem. (I wasn't aware such a property existed...) Everything seems to be going well now, but I'm sure I'll be back soon with some more problems! Thanks again.

I'll post the files up when I get back to my computer in a few minutes - I did previously float the <a> but I couldn't find a way to get it centered (and I have now just remembered, this was the entire reason for going the SPAN route). Is there a way to get a central set of links while floating the menu? Thanks

It's a horizontal navigation menu. I had to do a little fiddling with my style sheet and add some SPAN tags into the list to enable me to get it horizontal (... please tell me that was the correct thing to do!) Thanks

Certainly, Sorry for forgetting! I have the links coded as this: <div id="navigation" align="center"> <ul id="navbar"> <li><a href="categories-sports.php"><span><B>Sports</B></span></a></li> </ul> </div> ... And I have the hover coded as this: ul#navbar li a:hover { color:#333333; text-decoration:none; background-image:url(textbg.jpg); background-position:center; background-repeat:no-repeat; } I think that's all the relevant code... Thanks

First off, I am fairly new to learning HTML/CSS so it's entirely possible that I've overlooked something here. I currently have the arrangement above working. However, the image that I would like to use has a triangle below and a triangle above to give a subtle rollover effect. This image has a height that is higher than the text and as a result does not show fully. Is there a way to extend the height of my text to ensure all of my image is shown, or is there a way to get all of the image to be shown regardless of text size etc. Any ideas would be greatly appreciated as I have tried altering all sorts of properties to get this working. Many thanks