Mobile Friendly Website


Doing it with style

Menu Tutorial 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

Very nice. I'm just a newbie on CSS and web desing. Is there any way to get sub-menu horizontal? An example would be the . Where the main menu is horz. Then on a hover the submenu is horz. I've done this in JavaScript (I know BAD, BAD me) by mouseover and changing classes.
Your xsanzzy is simpler to use than nifty.
(05.07.2005, 09:08)

Truly nice, finally showing that computer veterans (sorry..but my first was also a zx81) still dig new techniques. Nice and clean site with cool infos. More, more, more of it, please! :)
(31.03.2006, 20:32)

bad bad bad... Ever heard of semantic HTML? Links like that should be styled in unordered lists!
(27.04.2006, 03:19)

amygdela, I could take issue on this point but suffice it to say I do point this out during the tutorial. However, this is based on my experiences when starting out with css (many years ago). I was utterly confused by the use of unordered lists for navigation links so rather than confuse newcomers with mumbo-jumbo I have shown an easy way to produce navigation links. Once they have mastered this they will find it easier to progress to the next level.

I am still not sure that unordered lists are the right way to go but as this is generally accepted then I use this method for most of my new demonstrations. Definition lists seem more appropriate as you can add a title to describe them as navigation links.

I hope this clarifies the reason for this tutorial.
(27.04.2006, 12:35)

hey stu_
just another visitor starting out on css and thankful to find an explanation for all this out there that doesn't confuse or make a beginner wonder just why they're doing this_
keep up good work and i suspect we'll all be better off! take care ;)
(16.06.2006, 14:38)

any chance to get the active page displayed other way then inserting a <span>. Problem is this way i have to change every page itself and insert the span for the corresponding link.
But the menue i have included via SSI to get the advantage if something changes not to change every single page. this way only one small text file has to be edited for all sites.
(11.10.2006, 11:18)

Well done on such an excellant site, its kept me glued to the computer for many a happy hour!
I've been working my way through your menu tutorial and would like to create a home button with a small image of a house in the button on the left with the text "home" next to it but with a space in between. I've used an image from FamFamFam's silk collection, (house.png). The problems I'm getting are placing the image and text vertically central in the box, and more frustratinly getting the image to render in Internet Explorer, I always get the faint size of the image (16px x 16px) on the background colour of the button. In Firefox the image renders OK with no faint size irrespective of the button colour.

Appreciate any suggestions!
(24.10.2006, 14:54)

Excuse a newbie, but I thought the text-align:center; would center the menu but it doesn't so what is it there for?
Excellent tutorials btw, thank you!
(01.06.2007, 11:26)

Excellent website!

In using your horizontal menu ( in a fixed width configuration at I have the last cell "bleeding" over to a 2nd line in IE6. Works great in FFX and IE7. What am I doing wrong?
(30.11.2007, 19:46)

Stu, please ignore my query of a few minutes ago. A "overflow:hidden;" addition to the containing <div> did the trick.
(30.11.2007, 19:50)

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