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

Hi Stu,

I have been learning sooo much by checking out your various css examples - thank you for sharing your knowledge!! :)

My question is this, I am trying your ultimate drop down on a page that has a flash animation directly below part of the dropdown menu. The link just above the .swf file does not show the drop down when it is hovered over. I tried adding a z-index to the .swf movie and the menu but that didn't seem to work. Any suggestions would be very much appreciated. :)
(09.10.2006, 01:02)

emoe, go to my page and towards the bottom of the page there is an answer to flash problems.
(17.10.2006, 14:27)

It would be awesome to get this menu to work with curved borders like the snazzy menu example...
(18.10.2006, 21:59)

Lou, there is a drop line version here that can easily be adapted to a vertical drop down.
(18.10.2006, 22:04)

I saw the drop line example. I like how the snazzy menu works without images and works in many browser versions. I will keep trying to combine the ultimate dropdown and snazzy menu examples.
(19.10.2006, 15:54)

What an awesome menu. Took me a while to configure the thing to work in my website. It's working fine right now, thank you very much for it.

I am still developping, but as soon as my new site is finished I will put a link back to cssplay!

Thank you very much!
(20.10.2006, 12:47)

I've tried to copy the code of this menu, everything inbetween the <div id="info"> / </div> <!-- end of info -->, and copy the css-files, link them correctly, but still there will always appear this white space (box) under the menu, where I can't add anything.

I would like to have the menu in a table;

[ ][X][ ]
[ ][Y][ ]

So that the menu would come in the table top middle, where the X is, and then so that I couls right under, where the Y is, add text.
Could You / anyone help me with this one?
(11.11.2006, 18:14)

If you have made an exact copy of the css then you have also copied my page
specific bottom padding
so that there is a gap between the bottom of the menu and the information.

.menu {
Change this to
.menu {
(11.11.2006, 18:51)

This is some great code. I have replaced the top level links with rollovers (through javascript), but once my mouse rolls off the image and onto the dropped down menu, the rollover image goes back to it's previous state. Is there a way to keep the current rolled over image until the mouse is off of the dropped down menu?
(22.11.2006, 21:22)

Derrek, if you have usd javascript to style the rollovers then you will need to use javascript to keep them 'rolledover'. You would be better off using CSS to do the rollovers than you can use CSS to keep them rolledover as I have done.
(22.11.2006, 21:35)

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


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