Spaltenabstand in (responsive) Tabellen

[Gunnar Bittersmann]

@@Werner

Mein Beispiel:

Es ist i.A. nicht sinnvoll, einfach den Code hier abzuladen. Soll sich jeder potentielle Helfer daraus erst ein funktionierendes Beispiel erstellen? Das wäre deine Aufgabe. Verlinke deine Testseite; entweder auf deinem Webspace oder auf CodePen, Dabblet o.ä.

Die border-Angabe wirkt wie erwartet für die Tabelle mit class-Angabe, die padding-Angabe wirkt aber auch bei der anderen Tabelle, warum?

Weil du das so angegeben hast:

table.testtab th,td {
  padding: 5px 10px;
  text-align: left;
}

Was dasselbe ist wie

table.testtab th {
  padding: 5px 10px;
  text-align: left;
}

td {
  padding: 5px 10px;
  text-align: left;
}

Was du eigentlich wolltest:

table.testtab :is(th, td) {
  padding: 5px 10px;
  text-align: left;
}

(oder mit geringerer Spezifität table.testtab :where(th, td) {…})

Vielleicht hättest du dir doch besser mein Beispiel ansehen sollen? 😉

Und was du noch wolltest: padding nicht in px angeben.

Jolan tru