Axel Richter: tabellenzelle als link

Beitrag lesen

Hallo,

Du möchtest a {display:block;} definieren?!

und einen anderen browser als den IE nutzen, weil dieser die anforderung
nicht umsetzen kann - für den tritt der :hover-zustand erst dann ein, wenn sich der mauszeiger über dem _text_ des links befindet.

Nein, diese Aussage ist falsch. Natürlich muss das A-Block-Element die volle Breite der Zelle ausfüllen, sprich width:100% haben.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Links in Zelle</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
table {width:500px; border:1px solid #000;}
td {border:1px solid #000; padding:0;}
td a {display:block; width:100%; margin:0;}
td a:link, td a:visited {color:#000; background-color:#00AEAD;}
td a:hover {color:#FFF; background-color:#003031;}
-->
</style>
</head>
<body>
<table>
<colgroup>
  <col width="300">
  <col width="200">
</colgroup>
<tr>
 <td>Such- und Findedienst</td>
 <td><a href="http://www.google.de">Google</a></td>
</tr>
<tr>
 <td>HTML-Schulung und mehr...</td>
 <td><a href="http://selfhtml.teamone.de">SelfHTML</a></td>
</tr>
<tr>
 <td>Standards für das Internet</td>
 <td><a href="http://www.w3.org">W3C</a></td>
</tr>
</table>
</body>
</html>

viele Grüße

Axel