nicht angemeldet
Guten Tag an Alle
Beim ersetzen von "list-style type" durch eine eigene Grafik, war mir das Ergebniss nicht in allen Browsern die ich benutze genügend (Firefox, IE 6/7, Chrome, Safari für Windows, Netscape, Opera. Jeder der Browser verschob die Grafik ein wenig, entweder nach unten, oder nach oben. Trotz längerem Suchen mit Google und auch hier im Forum, bin ich nicht schlauer geworden.
Ich habe dann selber folgende Möglichkeit gefunden, die "scheinbar" funktioniert.
Das XHTML:
<ul>
<li class="pdficon"><img src="images/pdf_icon.gif" alt="" width="18" height="14" class="imgpdf" />Angebot / PDF</li>
</ul>
<ul>
<li class="pdficon"><img src="images/pdf_icon.gif" alt="" width="18" height="14" class="imgpdf" />Preise / PDF</li>
</ul>
Und das CSS:
li.pdficon {
list-style: none;
line-height: 0.5em;
}
.imgpdf {
margin: -3px 5px 0px -18px;
float: left;
}
Meine Frage ist: Ist das einigermassen Korrekt, oder habe ich mich da verhauen?
Danke und Gruss
Rolf