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

Kevin, if you look in the css for IE (conditional commented) you will find:
.menu ul li a:hover ul li a.sub {background:#aaa;}
(02.10.2006, 18:55)

I still can't find it. I even ran a search in Notepad to no avail. The only IE conditional for CSS that I can see is for IE 7 with: .menu li {float:left}.

Well, if the .sub class is only used to change the background color, I don't really need to see it anyway. :)
(05.10.2006, 17:11)

John Henson:-
Stu, is there a way to make the content of the page float to the right of the menu and then flow underneath it, like it was an image? I could probably hack something together to get the content to float to the right but the rest.... erm, no. Cheers.
(11.10.2006, 17:11)

it seems, that this does not work in opera
(17.10.2006, 17:39)

Julio, it works in Opera 9.01
(17.10.2006, 17:48)

...and Opera 9.02
(17.10.2006, 17:52)

Stu, I am somewhat of a novice at this, and I really appreciate your efforts and sharing them.

I have a similar problem to John -- I would like this menu in a 150px column on the left, with the rest of my page content to the right of it. It sort of works in FF 1.5 (the top of the right column is a bit below the top of the menu), but in IE 6 it's below the menu altogether.
(28.10.2006, 20:06)

Ann, you will need to give your content area a position:relative and a low z-index. then the outer menu div a high z-index.
(28.10.2006, 20:34)

Wondering if the " w\idth:149px; " is intentional.

Seems like a typo, but it's below a comment about it being IE5.5 hack, so maybe it isn't?

(10.11.2006, 21:10)

Ben, this is a hack to target IE6 only, the previous value of width will be for IE5.x only.
(15.11.2006, 08:01)

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