A few months ago, I developed some simple CSS tabs and shared them over at the silverorange labs. Ever since, I've wanted to re-engineer them to improve upon them. Then, last night someone posted over on the labs site encouraging me to nest the secondary menu in the primary list. I stayed up until four in the morning refining the tabs with a much better method of laying them out and then cleaned things up this morning so they're in better shape to share.
The new tabs are much more browser compatible, flexible, and semantically correct. Anyhow, if you're interested there's a slightly more in-depth explanation of what's new and how they work and a ZIP file for you to download over on the other site. Or go right for it and see them in action. I'd love to hear from you if you make improvements on them yourself.
Comments
Steven Marshall - May 29, 2004 10:56 am
Good work, Daniel.
Ironically enough, I'd just finished working on a similar venture (pure CSS dropdowns to replace the JavaScript efforts at <a href="http://www.fujitsu-siemens.com/" title="Fujitsu Siemens Computers">my current employer's homepage</a>...
I know the current (Javascript) version doesn't look like much work to make in CSS, you'd be right - the problem is that the design isn't correct, so I tried (and succeeded) to make my CSS version match the style guidelines.
Once I get my personal site off the ground in a few months' time, I'll drop you the link, if you like (the version for work isn't likely to go live for a good 6-12 months, more's the pity!).