nicht angemeldet
Hallo alle,
ich möchte meine Listen so formatieren, dass die Bullets links nicht so weit eingerückt sind wie es die Browser standardmäßig tun. Deshalb habe ich margin und padding entsprechend angepasst. Nun habe ich aber ein Problem, wenn diese Liste neben einem links floatenden Bild steht:
-----------
<p>Normaler Text.</p>
<ul style="margin: 0px; padding: 0px; margin-left: 15px; list-style-type: square;">
<li>Soweit</li>
<li>OK</li>
</ul>
<img src="http://de.selfhtml.org/src/logo.gif" style="float: left; border: 1px solid black;">
<ul style="margin: 0px; padding: 0px; margin-left: 15px; list-style-type: square;">
<li>Bullets</li>
<li>im</li>
<li>Bild</li>
</ul>
-----------
Die erste Liste ist da, wo ich sie haben will: Auf Linie mit normalem Text. Die zweite Liste steht neben dem Bild -- und die Bullets hängen im Bild. Und zwar in FF, IE und Opera, es muss also an mir liegen :-)
Wie muss ich margin, padding und evtl. andere Attribute setzen, damit das nicht passiert?
Danke für alle Tipps,
-- snorri