Hintergrundfarbe von li
Pez
- css
Hallo.
Ich habe folgende CSS: (Ausschnitt)
#Navigation {
font-size: 0.91em;
color: #ffbe0d;
float: left; width: 9em; height: 1.3em;
margin-top: 9em; padding: 0;
background-color: #936b00;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style: none;
}
Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
background-color: 936b00;
}
Das background-color von "Navigation li" wird aber nicht angenommen, sondern es bleibt weiß.
Hätte es noch mit einer Klasse probiert, das hat aber auch nicht funktioniert.
Danke schon mal für die Hilfe.
In solchen Fällen solltest Du den Elementen testweise einen border geben, dann fällt Dir auf, dass Du display:block vergessen hast, so dass sich das Element nicht aufspannt, um dem Inhalt seine Hintergrundfarbe mitzugeben.
Gruß, LX
Hi,
In solchen Fällen solltest Du den Elementen testweise einen border geben, dann fällt Dir auf, dass Du display:block vergessen hast, so dass sich das Element nicht aufspannt, um dem Inhalt seine Hintergrundfarbe mitzugeben.
Nein, display:block wäre für ein list-item kontroproduktiv.
cu,
Andreas
Nein, display:block wäre für ein list-item kontroproduktiv.
Im Falle einer Navigation wo der Listenaufzählungspunkt ohnehin nicht benötigt wird, ist das ansich egal.
Hi,
color: #ffbe0d;
background-color: #936b00;
hier weißt Du, wie eine korrekte Farbangabe aussieht.
background-color: 936b00;
Hier weißt Du es plötzlich nicht mehr ...
cu,
Andreas
Hallo.
Ich habe folgende CSS: (Ausschnitt)
#Navigation {
font-size: 0.91em;
color: #ffbe0d;
float: left; width: 9em; height: 1.3em;
margin-top: 9em; padding: 0;
background-color: #936b00;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style: none;}
Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
background-color: 936b00;
}Das background-color von "Navigation li" wird aber nicht angenommen, sondern es bleibt weiß.
Hätte es noch mit einer Klasse probiert, das hat aber auch nicht funktioniert.
Danke schon mal für die Hilfe.
Hallo,
einfach das # vergessen?
Hi!
»» Navigation li {
»» list-style: none;
»» margin: 0; padding: 0.5em;
»» background-color: 936b00;
»» }
einfach das # vergessen?
zweifach
Hi,
Navigation li {
hast Du denn ein <li>-Element in einem <Navigation>-Element? Letzteres ist in HTML übrigens unbekannt.
Cheatah