This page demonstrates an alternative pure CSS method to generate the 'Tab' style interface. It uses the same tricks as my other CSS tabbed menu, but 'inverts' the tabs into the upper banner. This allows me to fix the position of this (sorry IE users you're missing out, try this javascript to overcome IE's limited CSS), so that the navigation structure is always present on the page. I've padded the bottom of this page so you can test it by scrolling down.
I've modified the code somewhat compared to my other CSS tabbed menu to give more consistent result in my main test browsers - Firefox V1.5, Opera V9.o TP2 and IE7.
Note that for IE5/5.5 you will need to add hacks to the CSS to overcome their bugs...
Valid XHTML V1.0 strict and CSS V2.0 | Go back to CSS page | Go home (including an email link) | This page is CopyLeft, you are free to use the code!
…