Mobile Friendly Website


Doing it with style

expanding 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


Great stuff! The only exception is -- no surprise here -- Mac IE 5. The menu comes up looking fine, and hovering expands the button. The -8px on the top does not show until the mouse leaves the colored button area. It then appears.

When the button loses focus, however, the text is shifted to the right. On the longer text boxes, much of the text shoots out the right edge of the button. I'll need to play with this to see if I can figure out what is going on.

You are an inspiration to us all. Thanks again!
(07.11.2005, 18:06)

Mary, it's all down to how it interprets position:absolute; for the links without specifying a top / left position and with no position:relative; outer container. IE, FF and Opera all treat this as being top:0; left:0; at their existing position.
(08.11.2005, 13:33)

hello there,

this is one of the most beautiful, accessible, userfriendly, functional and useful site on the net i've ever found or seen ...

your link is my first recommendation for anyone
thank you, thank you, thank you

nice greetings from vienna :)
(08.11.2005, 20:47)

bit2bit, my pleasure and thanks.
(08.11.2005, 20:58)

Steve Jones:-
Hi Stu, thanks for your great site, your boxes and menus are fantastic. I'm probably being stupid but I can't find the CCS and XHTML code on most of the pages, I've only found it on
menus/expand.html. I've tried Firefox and IE (I thought maybe one of them was hiding the CSS code) and I still can't see it for most of your pages. Can you show me where it is?
Sorry for being stupid if it's really obvious!
(16.12.2005, 22:36)

Steve, if you look at the source code of ANY page, the css is in the head <style> </style> and the xhtml is in the <div id="info"> </div>. Hope this helps.
(17.12.2005, 17:16)

Geert Baven:-
Hi Stu, is it possible to make a combination of this menu in combination with the image map for detailed information?
Thanks in advance
(28.02.2006, 18:14)

Geert, not quite sure what you have in mind, but if you want an emlarging image with text then yes it should be possible.
(28.02.2006, 22:24)

hi Stu, great site you have here. I always enjoy checking out all different layouts, menus etc. I have one question regarding this menu, though. Is there any way to orient it vertically as opposed to horizontally.
(27.03.2006, 04:23)

Srdjan, just change the width of the outer container.
#easel {width:75px; height:30px; margin:3em auto;}
This will force the menu to be vertical.
(27.03.2006, 20:41)

Sorry for the stupid question... How can I center the second (horizontal) menu? Thank you! :)
(05.11.2006, 10:55)

Helena, just do what I have done. Mine should be central.
Use an outer container with {margin:0 auto;}
(05.11.2006, 11:24)


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