Gunnar Bittersmann: tr mit border bottom geht nicht

Beitrag lesen

@@Rolf b

Kurz gesagt: bei gleicher Breite haben td-Borders die höchste Priorität, gefolgt von tr und danach tbody. D.h. wenn Du im collapse-Modell dem unteren Rand eines tr-Elements Vorrang geben willst, musst Du ihn breiter machen als den Rand des td.

Ich würde hier nicht von „Priorität“ oder „Vorrang“ sprechen.

Die Rahmen sind alle da – nur liegen sie übereinander: die von Tabllenzellen liegen ganz vorne (verdecken also andere), die von Tabellenzeilen dahinter, Zeilengruppen noch weiter hinten, Spalten noch weiter, Spaltenguppen noch weiter und ganz unten der Rahmen der ganzen Tabelle. Siehe Grafik in [CSS 2.2 §17.5.1]

Bevor Du anfängst, einzelne Rows mit speziellen Klassen zu versehen, um eine Bottom-Border darzustellen, solltest Du überlegen, ob nicht der Einsatz von tbody sinnvoll ist, um damit deine zusammengehörigen Rows zu gruppieren. Es kann beliebig viele tbody-Elemente in einer Table geben

Ja. Wie bspw. beim Sudoku (drei gleichberechtigte Gruppen von jeweils 3 Zeilen, also 3 tbody-Elemente).

Womöglich will FrankMe hier aber die Kopfzeile vom Rest der Tabelle trennen, also thead und tbody verwenden.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory