Whilst designing a couple of sites I recently came across the need to implement a tabbed interface and, rather then googling for a solution, I decided to implement my own. I give you HTMLTabs.
There are a wide variety of tab solutions already available and this is simply my take on things. The most notable difference is it is a vertical interface, however with a few modifications it can be adjusted to look more like conventional horizontal tabs.
The crux of the solution relies on spans nested inside a div. The div has a relative position applied allowing absolute positioning of the spans. The spans fire off a javascript function on an onclick which adjusts their positioning and offsets.
- Simple design
- Easily customizable
- Tested in IE5.x, FF 1.x 2.x
You can view the demo or head straight on over to the download.
Be first to comment this article
