Comments for Word up, son!

Comment on Adding a drop down to our image-based CSS menu by Bryan

Bryan — Thu, 25 Feb 2010 11:48:58 +0000

Nice Tutorial and yes Jonathan’s comment is true. and also it would also make sense if Chris comments can be guided also here.

Chris”
Could you post an example with the sub menu items as an image??? It would be greatly appreciated.

Jonathan”
For some reason when I set this up, and click on a link, all the formatting of the links on the page lose their CSS formatting (links turn to purple and underlined). This happens in firefox, ie, and chrome. Any idea why?

Comment on Adding a drop down to our image-based CSS menu by Jonathan

Jonathan — Thu, 14 Jan 2010 00:49:44 +0000

Very nice script. For some reason when I set this up, and click on a link, all the formatting of the links on the page lose their CSS formatting (links turn to purple and underlined). This happens in firefox, ie, and chrome. Any idea why?

Comment on IE unordered list extra space bug by Martin Gonzales

Martin Gonzales — Wed, 13 Jan 2010 22:39:48 +0000

Life saver!!! Spent hours trying to remove that extra left spacing! Thanks!!!

Comment on Creating an image-based menu with CSS by Orlando

Orlando — Wed, 23 Dec 2009 18:51:37 +0000

Chris,

Simply change the “float: left” to “float: right” in the “ul#menu li” element. This will reverse the order of appearance for your HTML list elements so just reverse their order in the HTML.

Alternatively, you can set a width to the “ul#menu” element and float that to the right and avoid the previous method.

Comment on Creating an image-based menu with CSS by Chris Cooke

Chris Cooke — Tue, 22 Dec 2009 10:52:35 +0000

This is great, just what I was looking for. But I also need to do the same thing for a right aligned horizontal menu. How would you change the css?

Comment on Creating an image-based menu with CSS by Houston Graham

Houston Graham — Sun, 18 Oct 2009 06:46:39 +0000

Hey, thanks for the great tutorial. As you mentioned, how would you do it with it all being one sprite graphic?

Comment on IE unordered list extra space bug by Alex

Alex — Tue, 14 Apr 2009 22:07:34 +0000

Thanks so much! I was having some serious trouble with this, and I’m happy to see that someone has posted an effective, simple solution.

Comment on Adding a drop down to our image-based CSS menu by Chris

Chris — Mon, 23 Mar 2009 20:31:31 +0000

Could you post an example with the sub menu items as an image??? It would be greatly appreciated.

Comment on Adding a drop down to our image-based CSS menu by john

john — Fri, 30 Jan 2009 00:29:30 +0000

Nice, but then it will remain dropped down even when another menu item is moused over, do you know the code to hide this dropdown when another menu item is moused over? Thanks for answering my questions.

Comment on Adding a drop down to our image-based CSS menu by Orlando

Orlando — Thu, 29 Jan 2009 23:57:20 +0000

That’s pretty straightforward. Just create an ID in your CSS with the set position like so:

ul#menu li#menuSelected ul {
display: block;
left: auto;
position: static;
}

And then in your XHTML add in the ID to the list item that’s selected for each page.