zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zebrastreifen in HTML-Tabelle wird nicht angezeigt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.08.2020, 08:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.08.2020
Beiträge: 2
talltini befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.08.2020, 10:05
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.07.2018
Beiträge: 140
Sailor56 befindet sich auf einem aufstrebenden Ast
Standard

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
}
Da du aber zusätzlich noch ein Optimierungs-Tool aktiv hast, welches den Quellcode unleserlich macht, kann ich aber nicht sehen, wo du die diese Code eingefügt hast.
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;
}
Als nächstes dann...
HTML-Code:
.show table tr:nth-child(even) {
background-color: #c4c5c4 !important;
}
in das 'zusätzliche CSS' und dann sollte es klappen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.08.2020, 19:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.08.2020
Beiträge: 2
talltini befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:44 Uhr.