Mobile Friendly Website


Doing it with style

Revised flyout menu 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

joe, you are missiong all the conditonal comments that are required for this to work in IE6. Also you have stylesheet links within your body html.
The problem with the flyouts is due to the z-index styling of your page. I do offer help and assistance (see link at top of page).
(14.02.2008, 11:55)

Thanks Stu,
It was the Z-index's I've managed to sort the problem out.
When I get this fully up and running on my main site I'll send you a donation.
PS. I know I forgot the IE6 and IE7 hacks, as I was just testing it with FF2.
Thanks again,
(14.02.2008, 13:03)

I'm sure it's easy, but I haven't been able to make the top-level menus align horizontally (and everything else work the same)... could someone enlighten me please? Thanks in advance!!
(25.07.2008, 16:47)

Oops... actually, I'd like the top-level choices (eg: items 1,2,3...) to align horizontally, with the next level (items 3a,3b,3c) dropping down directly below its "parent", and then anything beyond that to fly out to the side (items 3bi,3bii,3biii). Thanks!!
(25.07.2008, 16:54)

B-rad, there are dozens of examples of horizontal dropdown/flyout menus on this website.
Just continue looking through this series.
(25.07.2008, 18:18)

Hi Stu, and others! I was wondering if anyone has experienced problems with pages printing? The pages that use the navigation are printing the header on one page, the content on another, along with the nav, and then the footer. Very strange. The pages with no nav are printing normally.

Thanks! ;-)
(07.08.2008, 14:11)

The menu doesn't work yet in IE8 (only in compatibility mode). Hope they make it work until the release, but I don't think so.
(17.09.2008, 10:59)

It's quite odd with IE8: The example works but my own website doesn't. Now I have to compare everything I changed.
(15.03.2009, 17:09)

just want to tell you, that it doesn't work in IE 8, but I think it is still beta, so maybe it will be OK in final release.
It was funny how dumb I am, because I spend 1 week finding out why that if IE 7 does't work, and than I realized I have IE 8 :-D
(24.05.2009, 11:37)

First, thanks a lot for your site.

When using both this menu and the Photograph Gallery, the gallery container stays on top of the fly-out menu,that is, the fly out flies BEHIND the container. I posted on that yesterday in the forum on gallery.

I may have found a correction that seems to work at least on firefox with local server.

To the second level fly-out (but only there), I added
position: absolute;

New variation
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
position: absolute;

Am I inventing the wheel here and is there a more elagant solution or this would work?

Thanks, keep up the good work.
(31.03.2010, 19:41)

10 of 76 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