I'm a beginner.

I downloaded a template that I really like. It uses navigation tabs like this:

<div id="navitabs">
<h2 class="hide">Site menu:</h2>
<a class="activenavitab" href="index.html">test</a><span class="hide"> | </span>
<a class="navitab" href="../details/index.html">test</a><span class="hide"> | </span>
<a class="navitab" href="#">test</a><span class="hide"> | </span>
<a class="navitab" href="#">test</a><span class="hide"> | </span>
<a class="navitab" href="#">test</a><span class="hide"> | </span>
<a class="navitab" href="#">test</a><span class="hide"> | </span>
<a class="navitab" href="#">test</a><span class="hide"> | </span>
<a class="navitab" href="#">test</a></div>

<div id="desc">
<p align="left"><br />

**********

Ok, here's the problem. The background photo is in the div "desc"...BUT, I don't want the same background photo for every tab. When someone clicks on the various tabs I want the background photo to change.

What's the best and easiest way to accomplish this?

The most common way of doing that is a javascript rollover tied to the onclick event. There should be a sticky there where you'll find a tutorial on how to do that; if not, post this in the javascript forum. As for different background photos in each tab before the rollover, you'll have to assign a different class to each tab with a style rule pointing to the background image. It may be worth your while to check the CSS forum for a sticky on CSS rollovers as well, or do a keyword search for it.

tim

Originally Posted by serandfae

As for different background photos in each tab before the rollover, you'll have to assign a different class to each tab with a style rule pointing to the background image. tim

Thank you. That's what I thought, but wanted to make sure.