Mobile Friendly Website


Doing it with style

drop variation 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


Me and a friend been trying to add fly-out's to this menu, but haven't been able to make it work. Can you give us an example of how to make it work? Or is there some reason it won't work at all?
(26.09.2007, 22:32)

I'm in the process of developing a site for a client, and I loved your pure CSS drop variation menu. So far I have the menus working perfectly in IE7/Firefox/Safari. The menu by itself (see link below) displays fine in IE6, yet when it's dropped into the full site it no longer displays (again, see link below). There is a black gap where the menu should be, and only the wrapping div's background color is shown.

Any ideas?

Full site:

Menu alone:

If we can get this working my company will absolutely donate to your site. If not I'll have to use a (sigh) javascript drop down.

Thanks for your time (and your code), I realize you're a very busy person.

-Sean L
(15.11.2007, 16:34)

Sean, it looks like a z-index problem. Try giving the top level .menu a high z-index
(15.11.2007, 17:29)

Stu -

Thanks for the tip. Sadly, that didn't seem to do it. I tried z-index of 2, 500, 1000 on .menu. I also tried setting the other divs to -1. Nothing seems to work. Any other thoughts?
(15.11.2007, 20:13)

Sean, add width:800px; to the .menu style
(15.11.2007, 21:02)

Stu, that looks like it may have worked! Your time is much appreciated!
(16.11.2007, 13:44)

Stu, another quick question (maybe). Our designer likes what I've done so far, but he'd really like each menu item to be a different width. As it's coded now every menu item is the same width, he would like each to be as wide as the text (or image) within (the drop down's would all be the same size). How hard is it to accomplish this? Is this a simple css tweak or will I have to build separate classes for every button? How would this effect the IE 5.5/6 hacks?

Again, thanks Stu!
(16.11.2007, 16:48)

sean, just a small tweak to the css. Remove the width from the:
.menu ul li a, .menu ul li a:visited {
and add left and right padding instead to suit.
(16.11.2007, 20:50)


I am working on using this particular menu (great job btw )

My issue is I have :

/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {

Setup with a background image, however on my last menu option I do not want that background image.

I've tried setting up seperate classes and ID's but have had no luck.

I'd love to hear how you would accomplish this.

Thanks in advance
(12.06.2008, 22:24)

Hi Stu-

Please disregard my message, I solved the issue.
Just an inline style on the <a> tag will do it :)

(13.06.2008, 16:06)

10 of 30 comments (part 1). [ » ] [ * ]


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