changing background image on active links

[Davey_M]

i have built my website and have no idea how i would go about making the background of my active tab change to a specific image... to get a better idea i've added my website's url below

http://dance-global.com

as u will see, the home link has an orange background whereas the inactive links have a blue background, i want it so if i was to pic a different link the different link would turn orange and the home link would go blue like the other inactive links...

dont know if that's clear enough but i thought it was lol

[KDLA]

Check this out: http://phrogz.net/JS/Tabtastic/index.html#overview

KDLA

[Davey_M]

thanks, i'll give it a bash and come back if more help needed...


it's not possible without JS?

[ray326]

One approach is to give each tab a distinct ID and each page body a distinct ID and style accordingly. That is of course for the situation where the tabs have identical code on every page because they're inserted with SSI. If that's not the case then you can add a class like "here" to the "home" tab and style accordingly. (Similar to what you have with maybe less classitis.)

Oh, you've got a lot of lists marked up as paragraphs.

[Davey_M]

basically wot i'm after is on the site KDLA posted, only using images... have got some time to have a mess around with it now anyway so will come back if i get stuck lol