Hallo zusammen,

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

Source:

Code :

1 2 3

<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

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:

Code :

1 2 3 4 5 6 7 8

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

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.

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:

Code :

1 2 3 4

li { background:url(dot.gif) no-repeat 0 [b]5px[/b]; 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.

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

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

Ja, manchmal macht auch Kleinvieh Mist