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?
#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?