I would really recommend going through the two articles, we were able to customise the 'effect' a lot on a recent project, then use .NET to build and add ids on the fly.
Instant flexible, dynamic CMSable tab menu dave rayner freshweb www.freshweb.com.au m. 0409 037 250 p. +61 2 89202344 f. +61 2 89203008 This message is confidential, and may contain proprietary or legally privileged information. If you have received this email in error, please notify the sender and delete it immediately. Internet communications are not secure. You should scan this message and any attachments for viruses. Under no circumstances do we accept liability for any loss or damage which may result from your receipt of this message or any attachments. -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jason Turnbull Sent: Friday, July 16, 2004 10:31 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] CSS Tabs > Jad Madi wrote: > hmm > what I want is , for example > http://www.alistapart.com/d/slidingdoors2/v1/ex10a.html# > when I click on any tab to be active? > How to do it? In the above example you change the body id of each page depending on which tab you want to look active Currently its set to <body id="products"> And the tab item is <li id="nav-products"><a href="#">Products</a></li> In the css this is the style applied (removed some selectors for this example) #home #nav-home, #products #nav-products { background-position:0 -150px; border-width:0; } #home #nav-home a, #products #nav-products a { background-position:100% -150px; padding-bottom:5px; color:#333; } To have that page with the home tab active you would change the body to <body id="home"> Hope this helps Jason ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ***************************************************** ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
