mallchin.com

mallchin.com header graphic
HTMLTabs PDF Print E-mail
Sunday, 24 December 2006

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.


Quote this article on your site

  Be first to comment this article
RSS comments

Only registered users can write comments.
Please login or register.

 

  Tag it:blogmarksco.mmentsDeliciousdiggDiigo