CSS-FAQ

ID #1066

Frage: Wenn ich eine Liste mit eigenem Image ausstatte, übernimmt er für das Image leider nicht das Design, dass ich für das li-Element festgelegt habe.

z.B.
ul {list-style-image: url(img/dot.gif);}
li {background-color: #FFFFFF; border-bottom: 1px solid #cacaca;}

Der Hintergrund des Listenbilds ist NICHT weiss und auch die graue Linie fehlt. Das ist dumm. ;o)

Gibt es da eine Lösung für??


Antwort: Hast Du das list-style-image schon mal bei li eingefügt? Da gehört es im Zweifelsfall hin.

Aber es ist immer eine wackelige Geschichte, deshalb würde ich DIr empfehlen, das Bullet ins li als Hintergrundbild zu nehmen, also:

li {
list-style:none;
margin:0;
padding: 0 0 0 [breite des dot.gif + 10px};
background:#fff url(img/dot.gif) 5px 0 no-repeat;
}

Bewertung der Nützlichkeit dieses Artikels:

Durchschnittliche Bewertung: 3.75 (4 Abstimmungen)

vollkommen überflüssig 1 2 3 4 5 sehr wertvoll

Artikel zu kommentieren.

Name:
E-Mail:
Eingegebener Kommentar:

Bitte die Zeichen der Captcha-Grafik eingeben