Mobile Friendly Website


Doing it with style

basic drop-down 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

Jim, this one for instance has wider sub levels
But you can also style all top level widths to be different as well as sub levels, it is just a case of 'combining' styles.
(25.08.2006, 12:51)

Hi Stu,

I am trying to use the basic drop-down menu on a quirks-mode page (sorry, I can't change to standards mode because of other parts of the page).

It works just fine in IE 6, FF 1.5 and Opera 9, but on IE 7 RC1 the submenus won't drop down. After changing the conditional comments (to make IE 7 behave like IE 6) the submenus will show when the cursor is over main menu, but the submenu will hide as soon as the cursor moves over it.

Do you see any way to fix this?
(28.08.2006, 14:01)

Condor, I do not have IE7 yet so cannot suggest a way to overcome this. As soon as IE7 is out of beta I will get an update and go through all of my examples to make sure they work in this version.
(28.08.2006, 15:15)

Thanks for the quick response.

Actually, IE7 is out of beta. The first release candidate can be downloaded from:
(as you can see from the URL Microsoft already considers IE7 to be its main browser)

For details on CSS changes see:
(28.08.2006, 17:00)

Condor, I have put iE7 RC1 on one of my PCs and to my amazement only a handful of pages do not quite work. I have corrected two so far and will go through the others in due course.
With your problem make surer that there is no gap between the top menu items and the drop down list.
If there is the then :hover will be lost and the drop down menu will close.
(29.08.2006, 21:20)

Hi Stu its Jim again.

(for Safari only) would you know why this menu doesnt work over a flash object? i have a flash object as a header in Safari and it all work well until i rollover the sub menu. it acts all funny and dissapears one by one as i rollover items.

i presume its a flash embeding problem but thought you might know somthing of this issue?
(18.09.2006, 07:18)

I love your site!
There are so many great ideas.
I'll be glad to donate.
However I cannot get this menu to work.
I took it and edited it for my site and it worked great in ie6. But it wouldn't work in mozilla or netscape.
So I tweaked it and now the menus won't pull down in any browser.
I created a separate css file and linked to it so I could be sure there wasn't a conflict. Still no help. I copied the html verbatim into my webpage and the dropdowns don't work.
Any thoughts?
(17.10.2006, 03:46)

Wow! Just found your site and love the drop-down menu. I've tried to get it to work on my blog but haven't had any luck whatsoever.
I viewed your source page and copied the code embedded within the header section but it didn't work. Perhaps I didn't copy enough of the code, inserted into the wrong spot, or need to further tweek it...

I could really use some more specific instructions. I've searched the web for other tutorials but haven't been successful with that either.
(12.01.2007, 08:37)

How would you put rounded corners on the menu? I modified ".menu ul" to read:

margin-left: 15px;
padding-left: 8px;
background: url('half_left.gif') bottom left no-repeat;

Which didn't work. Any ideas?
(20.06.2007, 20:30)

James Chapman:-
Hi Stu! Your site has been a huge help to me. Thank you! Like Jim, I also seem to have a problem with IE7 on my site's drop-down for this particular menu, however and the big ???, is that it works on your site and not on mine and I copied everything accordingly. If you can see something I don't I would very much appreciate any help. Thank you!
(19.07.2007, 17:14)

10 of 42 comments (part 2). [ « ] [ » ] [ * ]


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