Simplified CSS Tabs Live Example
A notebook entry published on April 8, 2003
I realized from a few emails that it would make a lot of sense to point people to a live example of the CSS tabs described in the previous post. Here’s a page where you can see them in action. View source for CSS and XHTML.
They’ll also be popping up in the real world throughout various pages within the Fast Company web site, shortly — where they will float in the content area of the page for certain applications. This was one of the reasons I didn’t want to mess around with positioning, since it was needed to be bullet proof within an already complex CSS layout.
Jim K
What if you want to change the bottom row color and the active tab to black and leave the rest gray? The gray of the non-active tabs shows up on top of the black at the bottom.
Comments have been closed for this entry.
Bulletproof Web Design Second Edition New Riders
Web Standards Solutions The Markup and Style Handbook Friends of EdA tiny design studio founded by Dan Cederholm. We create simple interfaces balanced with a standards-based methodology, and we’re based in Massachusetts, USA.
Add your own
1 Comment