Mobile Friendly Website


Doing it with style

tabbed pages 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

Fantastic! Using the code on my LiveJournal community with a link back of course.
(26.03.2006, 05:17)

More to come soon.....;o)
(28.03.2006, 10:02)

Craig Snyder:-
This is a beautiful design. Viewing in IE6 I see a double menu for the netscape/firefox version. I clicked on all the links and the second row disappeared, and remained gone when the page was refreshed. Weird. Looks perfect in 'fox 1.5.
(29.03.2006, 16:55)

Craig, thanks for pointing this out. There wsa a small error in the ie css where I had .menu22 instead of .menu2 for the hidded non ie links. Corrected now.
(29.03.2006, 18:15)

i love the look of this. it's perfect for a project i'm working on that presents a narrative of the soweto uprising with boxes that display alternate versions of the facts. however, is there a way to make it click to display instead of hover to display. i don't want it to disappear if the user bumps their mouse by mistake. thanks!
(30.03.2006, 18:37)

everytime I visit your website and see your new ideas/demos I'm freaking out like a little getting a new toy to play with...
This demo is another great piece of work!
(30.03.2006, 21:15)

Oh, th ya stu..
u update it to fit event under FF 1.0.4..
u're tuff dude! :D
(31.03.2006, 17:13)

Hi Stu,
Nice demonstration again! :-)
For you browser support lists I have:
- First tab set: also working in Opera 7.54
- Second tab set: also needed for Firefox 1.07 and for Mozilla 1.7.1
- "Third category": both not working in the old Netscape 6.2

(06.04.2006, 03:16)

I was wondering; I've seen the same kind of effect on some other sites, however some of them pushed the content below downwards so the window does not cover that content. Can this be acheived with css?
(11.07.2006, 06:01)

In the XHTML code, the a tags are set to class=hide, but hide is not defined in the CSS. Is there a reason for that? I'm curious because I see no effect.

I've been comparing your various examples because I'd like to see a gallery/tab pages that function similiar to this demo, but without the "onmouseout"-type effect. In otherwords, one tabs is default open. As you hover over another tab, it remains open even if you take your mouse off the div area. I've seen how to do div swaps like this using js but not css.
(14.07.2006, 14:17)

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