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   |

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  
by enzyte,   January 11, 2006 10:11 PM  

Add Comment

Want to advertise on this site? Contact FM.
Web Hosting Web hosting, dedicated servers and Web design services
Laser Toner Cartridges UK laser toner, toner cartridges, hp toner, lexmark toner, samsung toner, canon, toner, epson toner, oki toner, kyocera toner, xerox toner, remanufactured toner, compatible toner
Direct TV Deals Free 4 room direct tv deals. no equipment to buy. free fast professional direct tv installation. this is the best direct tv deal available anywhere.
SEO Article Learn from the experts with our SEO article.
rope light Shopping with birddog distributing, inc., gives you access to the lowest prices, the best customer service and the quickest delivery times possible.
Laptop AC Adapter We offer genuine factory direct replacement AC adapters.
Direct TV Best satellite TV deals.
Direct TV Deals Direct TV programming deals are varied and include packages containing from 50 channels up to over 250 channels.
8mm film to DVD Retain family memories with the only frame by frame digital restoration service in the United States for your 8mm film to DVD today
Rubber Stamp Shop for custom self-inking stamps, hand stamps, address stamps, label stamps, check endorsement stamps, check deposit stamps, date stamps, pre inks, pocket stamps, ink and much more!