Hi,
wenn ich ein Bild rechts mit Text umlaufen lasse, werden bei <ul> Aufzählungen die Bullets irgendwie "hinter" das Bild geschoben. Der Inhalt eines <li> beginnt somit an der selben Stelle wie ein normaler Text anstatt etwas nach rechts eingerückt zu sein.
Folgendes habe ich versucht:
ul {list-style-position:outside;}
img {float:left; margin-right:10px; margin-bottom: 5px;}
Dann im HTML-Dokument:
<img src="foo.jpg" height="100" alt="bar" /><ul><li>Zeile 1</li><li>Zeile 2</li></ul>Resttext
Wenn ich die list-style-position auf inside setze, bekomme ich zwar die Bullets zu sehen, aber das hilft nicht, wenn der <li> Inhalt mehrzeilig ist. Denn dann geht die Einrückung des Textes verloren.
Auch die Ergänzung um ein text-indent bringt keine Lösung.
Ich habe anschließend mal "old-school-html" rausgekramt und per
<img align="left" ...> mein Glück ohne CSS versucht, doch das Problem gab's anscheinend auch "damals" schon.
Irgendjemand irgendeine Idee?
Dankeschön!
Mark-Oliver.