Wieso übernimmt CSS die Änderung hier nicht?
Hi ich muss für die Uni eine Website nachbauen. Mein Problem ist, dass ich eine Tabelle mit unterschiedlichen Cellgrößen gestalten muss, CSS aber für alle die gleiche größe nimmt. (HTML-File darf ich nicht verändern)
Hier der Code:
Wie es aussehen soll:
Wie es bei mir aussieht:
Hilfe wäre wirklich super, ich blick da nämlich nicht hinter
1 Antwort
Bei einer Tabelle orientieren sich die Zellen einer Reihe immer an der Höhe der höchsten Zelle (in dieser Reihe) und skalieren dementsprechend. Du müsstest der Zelle mit der Klasse AC eine andere Darstellungsform geben.
display: block;
Die Breite dieser Zelle kann dann ebenso individuell gesetzt werden.
Außerdem sind zwei Zellen jetzt untereinander. Hier ein Screenshot von CSS: https://snipboard.io/RvB6ca.jpg
Und ein Screenshot von der Website:
https://snipboard.io/SRbauN.jpg
Überschreib das komplette Layout der Tabelle, indem du ein Grid verwendest.
table { display: grid; /* ... */ }
In dem kannst du auch Inhalte von Zellen positionieren.
- Gute Guides findest du auf CSS Tricks oder Media Event (Einführung, Ausrichtung).
Vielen vielen Dank! Das hab ich jetzt verstanden. Mit display: block; ist der Text innerhalb der Zelle jedoch anders angeordnet. Wie kann ich den vertikal zentrieren?