Ashura: a:hover-Befehl auf <tr> anwendbar?

Beitrag lesen

Hallo Gunnar.

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>

  
Mein Vorschlag:  
  
~~~html
<table>  
  <tbody>  
    <tr>  
      <td><a href="TEST.HTML"><span class="eintrag">TESTEINTRAG</span> <span class="datum">TESTDATUM</span></a></td>  
    </tr>  
  </tbody>  
</table>

Dazu das CSS:

table {  
  width:50%;  
}  
a {  
  display:block;  
  overflow:auto;  
  width:100%;  
}  
a span.eintrag {  
  float:left;  
}  
a span.datum {  
  float:right;  
}  
a:hover {  
  background:#069;  
  color:#fff;  
}

Ein Trennzeichen zwischen Eintrag und Datum wäre vielleicht auch noch eine Überlegung wert.

Einen schönen Montag noch.

Gruß, Ashura

--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]