komplette Tabellenzeile verlinken

[Gunnar Bittersmann]

@@Meowsalot

ist es möglich eine komplette Tabellenzeile zu verlinken?

Ja, und die hatte ich letztens erst wieder hier im Forum vorgestellt: ein absolut positioniertes a::after-Pseudoelement, dass sich über die gesamte Box (hier: die Tabellenzeile) legt.

Wenn’s noch ein Hintergrund dazu sein soll, dieser mit a::before-Pseudoelement.

☞ Beispiel

Es wird hier davon ausgegangen, dass:

• sich nur jeweils ein Link in einer Tabellenzeile befindet
• keine Elemente zwischen tr und a eine vom Defaultwert static abweichende Angabe für position haben.

Anmerkung: CSS 2.2 sagt zwar: “The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined”; aber das bezieht sich wohl auf den Offset. Im CSS Positioned Layout Module Level 3 wird auch der definiert.

tr { position: relative } dient hier aber gar nicht für einen Offset, sondern lediglich dazu, dass sich die absolute Positionierung der a::after- und a::before-Pseudoelemente auf die jeweilige Tabellenzeile bezieht.

Nachtrag: Funktioniert gegenwärtig aber trotzdem weder in Edge, IE, Safari, Chrome, …; sondern nur im Firefox.

LLAP 🖖