Spaltenabstand in (responsive) Tabellen
bearbeitet von
@@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](https://codepen.io), [Dabblet](https://dabblet.com/) 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:
> ```css
> table.testtab th,td {
> padding: 5px 10px;
> text-align: left;
> }
> ```
Was dasselbe ist wie
```css
table.testtab th {
padding: 5px 10px;
text-align: left;
}
td {
padding: 5px 10px;
text-align: left;
}
```
Was du eigentlich wolltest:
```css
table.testtab :is(th, td) {
padding: 5px 10px;
text-align: left;
}
```
(oder mit geringerer Spezifität `table.testtab :where(th, td)`{:.language-css})
Vielleicht hättest du dir doch besser mein Beispiel ansehen sollen? 😉
Und was du noch wolltest: `padding` nicht in `px ` angeben.
Jolan tru
{:@art-x-romulan}
--
Wenn der Faschismus wiederkehrt, wird er nicht sagen „Hallo, ich bin der Faschismus.“ Er wird sagen: „Ich suche in diesem Deutschen Bundestag keine anderen Mehrheiten als die in der demokratischen Mitte. Wenn es heute eine solche Mehrheit gegeben hat, bedauere ich das.“ (Friedrich Merz)