✔ Bilder tauschen bei Hyperlink aktiv

[Bencher]

Hallo

Ich habe in einer Tabelle in den Spalten Bilder hinterlegt. Wie kann ich es jetzt realisieren das, wenn eine Seite aktiv ist durch anklicken, der Hintergrund (buttonoff.jpg mit buttonon.jpg) getauscht wird. Für Anregegungen wäre ich dankbar.

<table width="1000" align="center" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="1">
<tr>
 <td background="bilder/buttonoff.jpg"><a href="home.html" >Home</a></td>
 <td background="bilder/buttonoff.jpg"><a href="firma.html" >Firma</a></td>
 <td background="bilder/buttonoff.jpg"><a href="leistungen.html" >Leistungen</a></td>
</tr>
</table>

 

[Gumbo]

<ul id="nav">
	<li><a href="home.html">Home</a></li>
	<li><a href="firma.html">Firma</a></li>
	<li><a href="leistungen.html">Leistungen</a></li>
</ul>

ul#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#nav a {
	padding-left: 20px;
	background: url(bilder/buttonoff.jpg) no-repeat 0 50%;
}
ul#nav a:hover {
	background-image: url(bilder/buttonon.jpg);
}

 

[Bencher]

für aktiv muß ich also das noch reinnehmen

ul#nav a:active {
	background-image: url(bilder/buttonon.jpg);
}

kann ich das hier in eine Tabellenspalte packen

<ul id="nav">  
 <li><a href="home.html">Home</a></li>  
 <li><a href="firma.html">Firma</a></li>  
 <li><a href="leistungen.html">Leistungen</a></li> 
</ul>

so das es dann so aussieht

<table width="1000" align="center" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="1"> 
<tr> 
 <td></td> 
 <td>
  <ul id="nav">  
    <li><a href="home.html">Home</a></li>  
    <li><a href="firma.html">Firma</a></li>  
    <li><a href="leistungen.html">Leistungen</a></li> 
  </ul>
 </td>
 <td></td> 
</tr> 
</table>

 

[Gumbo]

Klar, wieso nicht?

 

[Bencher]

Danke erstmal.
Muß ich dann mal ausprobieren.