✔ Probleme mit Bildern für "list-style" im IE

[Zolu]

Hallo zusammen,

arbeite nun an einem neuen Projekt und habe enorme Darstellungsprobleme beim IE mit dem "list-type".

Source:

<style>
ul {list-style: url('dot.gif') none outside;}
</style>

Ergebnis ist im Anhang. Der Fehler tritt im IE auf.

Habt ihr eine Ahnung wie man das ganze "zentrierter" bekommt?

Das Ganze mit IMG - Tags vor jedem Satz zu machen ist ein wenig, schlecht, muss aber zur Not die Lösung sein.

Habt ihr Tipps oder Ratschläge?

Gruß
Jonas

 

[Maik]

Hi,

verwende anstelle von list-style-image für das li-Element background-image gepaart mit background-position, so hast du die Möglichkeit, das Hintergrundbild wie gewünscht zu positionieren:

ul {
list-style:none outside;
}

li {
background:url(dot.gif) no-repeat left center;
padding-left:15px;
}

 

[Zolu]

Hey,
dank dir erst einmal für deine schnelle Antwort.

Ich habe vorhin noch weiter gesucht, und bin auch auf diese Möglichkeit gestoßen.

Problem: Ich habe mehrzeilige Texte im li-Tag, sodass der Punkt zentriert vor dem 2er Block beispielsweise dargestellt. Das "Outline" im <ul>-Tag ist anscheinend irrelevant.

 

[Maik]

Du hast natürlich auch die Möglichkeit, das Hintergrundbild von oben mit einem bestimmten Pixelwert zu positionieren, damit es in der ersten Zeile in der vertikalen Mitte sitzt:

li {
background:url(dot.gif) no-repeat 0 5px;
padding-left:15px;
}

Der Wert outside bezieht sich auf die Listeneinrückung (list-style-position) und hat daher keine Auswirkung auf die Ausrichtung des Hintergrundbildes bzw. Bulletzeichens.

 

[Zolu]

Verdammt, daran hätte man denken müssen.

Sry, nun klappts, und vielen Dank für die Hilfe.

Ja, manchmal macht auch Kleinvieh Mist