CSS Tabs, by the Kalsey Consulting Group isn’t brand spanking new. It’s been floating around out there for a while. I’ve just had it in my “to post” folder for a while.
It’s a very nice system of having tabs, and sub tabs, with only CSS and nested ordered lists. The markup doesn’t even change from page to page, the highlighting is determined from the ID of the body element, not by the tab.
It works in just about everything, other than Netscape 4.
It’s how everyone should do tabs. It’s the cool way to do tabs. (other methods: Mark Pilgrim, Dan Cederholm, Joshua Kaufman, Ian Andolina, Alex Russel, Radu Darvas )
Tagged As CSS
Comments are Open (4)
Posted at 01:23 PM
Comments
mike
These are great, and I'll be incorporating them into my site (probably with a
little bit of javascript added to do display the submenus when rolling over the
main tab)
Posted by: mike | June 11, 2003 03:25 AM
Tony
I don't even know if you need to do the javascript. You could probably just add :hover classes to the tabs and make that work.
Posted by: Tony | June 11, 2003 09:19 AM
mike
True, I'm no CSS expert but I'll give that a go.
However, have just tried it in Mozilla 1.4 and it doesn't render properly.
1.4 is not a release build though, so that might be the problem.
Posted by: mike | June 11, 2003 07:49 PM
Flirt Anzeige
I would be again the JavaScript. Most people never deactivate it anyways. flirt
Posted by: Flirt Anzeige | January 24, 2006 10:55 AM