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.

HTML-Code:

<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>

HTML-Code:

<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>

Code :

1 2 3 4 5 6 7 8 9 10 11 12

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); }

für aktiv muß ich also das noch reinnehmen

Code :

1 2 3

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

kann ich das hier in eine Tabellenspalte packen

HTML-Code:

<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

HTML-Code:

<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>

Klar, wieso nicht?

Danke erstmal.
Muß ich dann mal ausprobieren.