Pez: Hintergrundfarbe von li

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ß.

Meine Seite

Hätte es noch mit einer Klasse probiert, das hat aber auch nicht funktioniert.

Danke schon mal für die Hilfe.

  1. 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

    --
    X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: Unusual
    X-Please-Search-Archive-First: Absolutely Yes
    1. 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

      --
      Warum nennt sich Andreas hier MudGuard?
      O o ostern ...
      Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      1. 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.

  2. 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

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
  3. 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ß.

    Meine Seite

    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?

    1. Hi!

      »» Navigation li {
      »»   list-style: none;
      »»   margin: 0; padding: 0.5em;
      »»   background-color: 936b00;
      »»   }

      einfach das # vergessen?

      zweifach

      --
      "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
            - T. Pratchett
  4. Hi,

    Navigation li {

    hast Du denn ein <li>-Element in einem <Navigation>-Element? Letzteres ist in HTML übrigens unbekannt.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  5. Meine Seite

    Ein Blick in die Fehlerkonsole hätte dir sehr geholfen.

    Struppi.