Listenpunkt durch Bild austauschen

[RonjaWork]

Hallo, ich habe ein Problem mit meiner CSS-Datei. Ich möchte anstelle des normalen Listenpunktes eine Grafik einsetzen. Ich habe es an jeder mir erdenklichen Stelle im CSS eingesetzt, aber nichts passiert.

#navi li {
list-style-images: url(../images/punkt.gif);
}

#navi ul li {
font-size: 100%;
margin:5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-images: url(../images/punkt.gif);
}

#navi ul li a {
color: #fff;
list-style-images: url(../images/punkt.gif);
}

Weil das nicht nicht funktioniert hat, habe ich der Liste eine Klasse zugewiesen:
HTML:

<ul>
<li class="liste"><a href="#" title="1">1</a></li>
<li class="liste"><a href="#" title="2">2</a></li>
<li class="liste"><a href="#" title="3">3</a></li>
</ul>

CSS:

.liste {
list-style-images: url(../images/punkt.gif);
}

Aber auch das hat nicht funktioniert. Wo ist der Fehler? Kann mir bitte jemand helfen?

 

[sokie]

AW: Listenpunkt durch Bild austauschen

versuch mal die korrekten Bezeichner "list-style-image", dann wird das auch was. allerdings nur am listenelement.
bei

#navi ul li a {
    color: #fff;
    list-style-images: url(../images/punkt.gif);
}

wird das auch nicht klappen, wenn es richtig geschrieben wäre, weil ein <a> element keine eigenschaft list-style-image hat.

bitte für code die dafür vorgesehenen Bereiche benutzen.

 

[xuLLix]

AW: Listenpunkt durch Bild austauschen

Huhu,

vielleicht hilft dir das weiter...



Grüße

 

[RonjaWork]

AW: Listenpunkt durch Bild austauschen

Danke, dachte mir schon, dass es so ein blöder Fehler ist, wo man nur mal richtig hingucken muss...