How to have a selected tab in CSS?

Question

In my website I have a header file I include in php so it is easier for doing pages but I want to have a tab highlighted if they are on that page but how do I do that?

Answer 1

Here is a great little tab method
http://www.dynamicdrive.com/style/csslibrary/item/dd-color-tabs/P20/
or
http://nontroppo.org/test/tab1.html
or even better tutorials
http://www.cssplay.co.uk/

However, most of these depend upon you being able to specify the "active" part of your menu.. and it that is from an included file that may have to be done with JavaScript

Answer 2

You could easily do that in css if you add an id to your body tag on each page and address it in the css. Basically this gives your web pages a sort of artificial intelligence that is not available in HTML alone.

That is assuming you are creating your tabs with css as well. The technique is described many places online in detail but the place I remember learning it from was the book CSS the Missing Manual by David Sawyer McFarland which you may also have or get access to through Safari books online or oreilly as this book was published by pogue / oreilly . The cheapest place I can think of to get it would be from amazon dot com and it is a great book for both learning and reference as well.

If you take a look at the free Mollio templates they also employ this feature in their templates as well.