Simplified CSS Tabs Live Example

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.

One Comment

  1. Jim K says:

    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.