Gunnar Bittersmann: a:hover-Befehl auf <tr> anwendbar?

Beitrag lesen

SELF-Forum

a:hover-Befehl auf <tr> anwendbar?

Gunnar Bittersmann Homepage des Autors
+3 Informationen zu den Bewertungsregeln

Hello out there!

<table>
...anderer Tabelleninhalt...
  <a href="TEST.HTML">
    <tr>
      <td style="text-align:left;">TESTEINTRAG</td>
      <td style="text-align:right;">TESTDATUM</td>
    </tr>
  </a>

Das geht nicht. Weder darf ein table-Element a-Elemente enthalten, noch darf ein a-Element tr-Elemente enthalten. Das hätte dir der Validator auch verraten.

Die :hover-Pseudoklasse lässt sich auch auf tr anwenden. Allerdings ist der IE dafür zu blöd.

Du musst so schachteln:

<table>  
  <tbody>  
    <tr>  
      <td><a href="TEST.HTML">TESTEINTRAG</a></td>  
      <td><a href="TEST.HTML">TESTDATUM</a></td>  
    </tr>  
  </tbody>  
</table>

Du kannst das a-Element die ganze td-Box ausfüllen lassen {display: block; width: 100%}

Du solltest dir auch Inline-Style-Angaben in style-Attributen sparen, das widerspricht dem Grundgedanken von CSS der Trennung von Dokumentstruktur und Präsentation. Mache alle Angaben im zentralen Stylesheet, das macht auch den Quelltext übersichtlicher.

See ya up the road,
Gunnar

--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
Beitrag melden
+3
Informationen zu den Bewertungsregeln