Mobile Friendly Website


Doing it with style

ultimate dropdown menu v2 COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

I would like to take that approach instead of javascript. What would I need to add to my code to perform the image rollover in css while hovering over the drop down menu?
(22.11.2006, 23:35)

Derrek, instead of styling a background color change as I have on my demo, you will need to style a background image change instead.
(22.11.2006, 23:40)

The problem I'm getting is that even when I copied the code, the background color of the top level changes once I roll off of it to the lower levels (2 and 3). Not only that, but when I roll over to the second level, if there is a third level it is always displayed (even if I'm not on a link that would display the third level). Once I get around this, I think I can solve the rest.
(23.11.2006, 00:03)

Actually, hold that thought. I think I found my error. I'll report back if I get everything else working!
(23.11.2006, 05:51)

This amazing script is helping me a lot - and I have modified it to my needs. Beside one thing, which has been mentioned another place on this site by a guy named Nick.

I would like to change the width of the top level links from auto width, to a relative lenght of the text. I tried to look at the examples you gave to Nick, but I'm not good enough to see what I need to change.

Can you help me?
(24.11.2006, 13:36)

I wanted to know if the following piece of your css:

/* style the third level hover */
.menu ul ul ul a:hover
.menu ul ul ul :hover > a

could be written as

/* style the third level hover */
.menu ul ul ul a:hover,
.menu ul ul ul :hover > a

I am trying to reduce the amount of css code to make it simpler for me to understand!

Thanks again for your efforts.
(12.12.2006, 20:03)

Fahed, the easiest way to find out is to test it in all browsers.
(12.12.2006, 20:14)

Thanks Stu.

One thing i would kindly request is for you to do another version using em's instead of px's.

As the layout of CSS Play is fixed in width and your menu only has five items, there is a lot of space to resize using px's. However, if the menu has many item and/or the site has an elastic layout based on em's, the menu goes awfully wrong when the site's font is increased.

I've tried rewriting it with em's, but my understanding/knowledge of the faulty box model hack (amongst other things) keeps on causing it to fail.

Thanks again.
(13.12.2006, 04:04)

Hi Stu

I have a really strange problem. I've inserted the menu in my webpage with a CMS and a phpbb. Now: Everything works fine, exeptly with IE7: In the phpbb (same html, just included) the drop down is not shown while it works with the IE7 in the CMS.

I think it's a problem while the CSS is using div's and the phpbb tables.

Please take a look:

(31.12.2006, 12:32)

Roman, I bet that the html is not quite the same :)
Check the doctype in the CMS and compare it to the one in the phpbb. For this to work in IE7 you must have a standards compliant doctype.
(31.12.2006, 15:18)

10 of 73 comments (part 3). [ « ] [ » ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page