CSS Tabs

Jul 2

CSS Tabs

If you’ve ever built any sort of web application, you’ve probably found yourself using tabs to create some part of the interface. I’m no Eric Meyer, but I came up with a pretty handy way to do that this afternoon. Read on to see my example, and if you have any cool CSS tricks we should know about, post a comment!

by Joe July 2, 2004 3:42 PM

Follow Gadgetopia on Twitter

Comments

by darksama, July 2, 2004 7:05 PM

Wow. Simple and it works in both IE and Mozilla. I had some issues trying to make tabs with css. I finally had to make seperate styles for IE, every different version (actually, I needed a whole new sheet for IE specifically), and mozilla. What I have works, but I spent a good time trying to fix it - I like to keep things as simple as possible.

You can check it out at http://www.frscorp.net/en/index.hml

by Simon, July 2, 2004 8:24 PM

Yep, a great logical method for creating menus. Soooo flexible.

You'll love http://css.maxdesign.com.au/ particularly Listamatic - all sorts of neat ideas.

by Deane, July 3, 2004 10:58 AM

This is really good, Kep. Reminds me of something Kalsey did a few months back:

http://kalsey.com/2003/05/csstabswith_submenus/

What he did to specifiy the "selected" tab was to put a class on the BODY tag of the page then get at the selected tab through a cascade.

by Jon Cooper, July 9, 2004 8:51 AM

I like this method a lot, I'm hoping to implement it on my personal site during its redesign: http://www.jcooper.net

by penis enlargement, December 30, 2005 12:10 PM