Tabs with CSS

Skip to Navigation »

I’ve played around trying to build “tabs” using CSS and XHTML. The goal was to only use standardized and cross-browser techniques like the W3C-DOM. The solution should also usable in text browsers.

The solution I came up with uses an unsorted list (<ul>…</ul>) to list all tabs. If used in a JavaScript- and DOM-enabled browser, it shows only one tab at a time.

Maybe I’ll describe it exactly, but for now, there’s only the source code:

Code

This is the result: demonstration.