D.R.: dynamische Tabelle

Beitrag lesen

Hallo,

wie mache ich aber <a> zu einem Block-Element? Ich hab bisher

<tr>
<td><a href="url">Sp 1</a></td>
<td><a href="url">Sp 2</a></td>
...
<td><a href="url">Sp n</a></td>
</tr>

Das sollte so bleiben, denn auch nachdem du den Link per CSS zu einem Block-Element gemacht hast (per http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display:block), bleibt „a“ aus HTML-Sicht ein inline-Element.

Aus Stylesheet-Sicht, ist „a“ dagegen ein Block-Element, das die gesamte zur Verfügung stehende Breite einnimmt (in deinem Fall würde es über die gesamte <td> gehen) und auch mit height/width formatiert werden kann.

und hätte gern etwas in der Art

<tr>
<a href="url">
<td>Sp 1</td>
<td>Sp 2</a></td>
...
<td><a href="url">Sp n</td>
</a>
</tr>

Das geht nicht. Du kannst mit CSS nur die Darstellung, nicht aber die HTML-Regeln ändern. Du musst jeder Tabellenzelle einen eigenen Link geben (a-Element).

Wenn du die ganze <tr> verlinken willst, geht das nur mit JavaScript.

mfg. Daniel