Zend Certified Engineer

phpguru.org

Quality PHP, Javascript and C# code

Firefox 3.5

Static Tabstrip

  1. Abstract
  2. Demo
  3. Download

Abstract

This is a static (ie. changing tabs requires a page refresh) tabstrip for keeping your site navigation organised and allowing you to neatly and conveniently provide multiple pages to the user without overloading them with information. Different tabs lead to different URLs, which can of course show the same set of tabs, albeit with a different one active.

The links can lead to either a separate page, or to the same page with the query string determining which tab to show. The choice, as Cilla would say, is yours.

The code uses two small images for the corners, which you can get here. And they belong in images/ (relative to the tabstrip page). Without them you'll get square corners along with some broken images.

Demo

This is the demo page in an IFRAME:

Download

Download the tabstrip code here. Bear in mind that I use MSIE6, so the CSS may need tweaking for other browsers.

Counter