|
|||
Zebrastreifen in HTML-Tabelle wird nicht angezeigt
Hallo zusammen,
ich erstelle gerade eine Wordpress-Seite (Theme: OceanWP / Pagebuilder: Elementor) und habe in einer HTML-Tabelle das Problem, dass der CSS-Code für den Zebrastreifen nicht greift: .show tr:nth-child(even) { background-color: #c4c5c4; } Kann mir jemand helfen, was ich falsch mache? Link zur Seite (Website ist noch im Aufbau): https://dalmatiner-von-orcamou.com/camou/ausstellungen/ Vielen Dank! Bettina |
Sponsored Links |
|
|||
Weil du irgendwo in einem Inline-Style folgendes stehen hast...
HTML-Code:
.mitglied table th, table td, table td, table tr { vertical-align:middle; border:none; background-color:#dfe2e0 !important } Hiermit setzt du für die 'table td' (warum 2mal?) eine Hintergrundfarbe und das auch noch mit !important fest. Da die 'td' innerhalb deiner 'tr' liegen, wird natürlich tr-Hintergrundfarbe überdeckt durch die td-Hintergrundfarbe. Um das zu beheben, musst du entweder in obigem Code die beiden Zeilen mit dem 'table td' löschen - oder im 'zusätzlichen CSS' überschreiben durch... HTML-Code:
.show table td { background-color: transparent !important; } HTML-Code:
.show table tr:nth-child(even) { background-color: #c4c5c4 !important; } |
Sponsored Links |
|
|||
Hab das Problem dank Deiner Hilfe gelöst Sailor - beim Kopieren ist dann einfach mal "Müll" passiert, aber manchmal sieht man vor lauter Bäumen den Wald ja nicht!
Vielen lieben Dank für die schnelle und unkomplizierte Hilfe! Bettina |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe!! HTML Tabelle. Anfängerin braucht Hilfe | ea_sy | (X)HTML | 7 | 18.04.2015 09:54 |
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße | Spencer | Javascript & Ajax | 3 | 18.09.2012 23:16 |
CSS und Tabellen | PW-toXic | CSS | 70 | 06.03.2009 21:02 |
html tabelle | dan | CSS | 3 | 10.03.2004 18:05 |
Tabelle platzieren mit CSS / HTML ? | Bastus | (X)HTML | 0 | 09.03.2004 13:01 |