Da selbst noch der Internet Explorer 8 die Grafiken nicht anzeigt, wenn man eine Liste <ul> mit float horizontal ausrichtet und den Listenelelementen über list-style-image eine eigene Grafik als Aufzählungszeichen zugewiesen hat … Hier der Workaround über background. Ohne CSS-Weiche, Javascript oder ähnlichen Zauber.
Das Stylesheet
ul { margin: 0; padding: 0; } li { float: left; /* wichtig, den Listentype erstmal auf none setzen*/ list-style-type: none; /* und eine alternative Grafik alt Hintergrundbild laden */ background: url(pfeil.gif) left top no-repeat; /* padding nach bel. und anhand der Abmessungen der Grafik einstellen */ padding: 0 10px 10px 10px; } |
HTML wie gewohnt nutzen
<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> |
Danke, Mann! :)
Ich schick dir ne Rechnung ;) Der Hack hat mich Stunden gekostet.