W3C home > Mailing lists > Public > www-style@w3.org > April 2009

Re: Tabbed Interfaces in CSS

From: Brad Kemper <brad.kemper@gmail.com>
Date: Thu, 23 Apr 2009 10:44:08 -0700
Cc: Giovanni Campagna <scampa.giovanni@gmail.com>, www-style list <www-style@w3.org>
Message-Id: <B8CF12E1-D6C6-4216-A89E-4B56C60C419A@gmail.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>

>> If you could provide a simple ugly example just using border,  
>> padding,
>> and margin, while still achieving the desired tab *layout*, I'd be
>> happier.  ^_^
> There were some things in the code that wouldn't display quite  
> right, since I didn't test before, so I'll post something new in a  
> few minutes that will show the positioning that can be acheived with  
> existing CSS.

Here, try this:


It shows the basic layout that is acheivable now. I used a class  
instead of the checked pseudoclass, so clicking doesn't do anything.

The adjacency selector doesn't seem to produce the right results in  
Firefox, and I used it because Safari doesn't seem to support nth- 
child yet.
Received on Thursday, 23 April 2009 17:44:51 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 11 February 2015 12:34:25 UTC