Mobile Friendly Website


Doing it with style

Flicker free mk3 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

Stu, Is there any way to make this work in IE with a doctype of <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

(10.01.2007, 10:00)

already sorted:
Change the following 0px to 22px (the height of your image/rollover):
HTML #menu A:link {
HEIGHT: 22px; /* original = 0px */
HTML #menu A:visited {
HEIGHT: 22px; /* original = 0px */

HTML #menu A:hover {
HEIGHT: 22px /* original = 0px */
*used for IE in quirks mode - tested with IE6
(10.01.2007, 11:17)

great tutorial, exactly what I was looking for!
One question though, is it possible to make a 3rd image appear once the user clicks on the "over" image?
(13.01.2007, 23:41)

jeff, you will need to style the :active/:focus state to show another image.
(13.01.2007, 23:43)

Stu, I'm way confused here.. I don't know what code needs to be changed or how. I tried altering the "hover" code by copy/paste in my .css and renaming "hover" with "active" and used my new image but when i load my page it now makes the "hit" image my hover image.
u can see it at
(17.01.2007, 01:19)

In Konqueror 3.4.2. the top menu, image replacement with no text, always shows the active color image.
Adding :hover to each menu item that contains the active color image does seem to resolve this issue. I don't know if this is the best solution, but it also keeps on working in FF1.5, IE6 and Mozilla 1.7.
(15.04.2007, 15:33)


Thanks for the incredible job you do here. Would it be possible to add a drop-down to this? Thank you very much
(10.06.2007, 05:34)


I just wanted to second Mark's question about combining this with a drop down. I don't mean something like 'Artists drop-down,' but something similar to 'The basic cross-browser drop-down validating menu' with images at the top level instead of just styled text. Would that be possible? Thanks a ton for your incredibly helpful work!
(11.06.2007, 20:55)

Mark, Russ, it is always possible to make the top ;evel item use an image instead, is a dropdown menu that uses background images.
(11.06.2007, 21:42)


It seems that IE6/IE7 in quirksmode doesn't like your solution.

It keeps showing the link text (heightpicture = 80px, padding-top 80px;)

Any help would be great!

oh and no-quirks-mode works but than my layout get's funny in IE6/IE7
(16.06.2007, 13:24)

10 of 36 comments (part 2). [ « ] [ » ] [ * ]


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