Tabellenzelle als Link

[Zeromancer]

Hallo,

Ich möchte eine Tabelle mit Links erstellen und der gesamte Zelleninhalt, also auch der Hintergrund soll sich verändern. Allerdings soll sich das nur auf eine bestimmte Tabelle beziehen und nicht global definiert sein. Wie also kann ich das erreichen. Habe keine Ahnung wie ich die CSS Formate nur innerhalb dieses Elementes definiere.

Das Pseudoformat ":hover" wird vom IE nur für "a"-Elemente interpretiert. Ein Workaround könnte folgendmaßen aussehen

<table id="change_bg">
<tr>
  <td>bla</td>
</tr>
<tr>
  <td>bla</td>
</tr>
<tr>
  <td>bla</td>
</tr>
</table>

Für den IE musst du den Verweisen die Eigenschaften

display: block
width: ???
height: ???

zuweisen. Dann kannst du sie auch "hovern". Beispiel:

#change_bg a {
  display:block;
  width:12em;
  height: 1.4em;
  background: #fff;
}

#change_bg a:hover {
  background: #f00;
}

Wenn du den Tabellenzellen eine analoge Weite/Breite zuweist, sollte man kaum erkennen können, dass es sich um "gehoverte" Links handelt.

Prinzipiell eignen sich Listen aber eher für eine Navigation, sofern deine Tabelle keine tabellarischen Daten enthält. Anregungen könntest du dir bei Maxdesign holen.

Viel Spaß.

Mit freundlichen Grüßen

André