css und Listen

[sandmaus]

Hallo Ihr,
ich nutze das Modul Textile mit optional Bild links/rechtsbündig. Soweit ist bei Nutzzung Fließtext und Bild auch alles ok. Wenn ich nun ein Bild linksbündig anordne und ins Textile eine Liste rechts daneben setzen möchte, so überlappt die Liste das Bild oder stößt ohne margin an das Bild direkt an.

Die css für das umfliessen der Bilder je nach Ausrichtung:

Code: Alles auswählen

#main-content-block div.mytext div.flLeft {
margin-right:20px;
}
#main-content-block div.mytext div.flRight {
margin-left:20px;
}

und hier die css für die Listen:

Code: Alles auswählen

#main-block ul,
#main-block ol {
display:block;
font-family: tahoma,arial,verdana;
color: #282c2e;
margin-bottom:1.9em;
font-size: 8pt; /*1.4em;*/
line-height:1.5em;
}

#main-block ol li {
margin:0 0 2px 30px;
list-style-type:decimal-leading-zero;
}
#main-block ul li {
list-style-type:square;
margin:0 0 2px 30px;
text-align:left;
}

Die Quelle ist folgende:

Code: Alles auswählen

<div class="mytext">
<div class="image flLeft"><img src="./index.php?rex_resize=130w__bild.png&rex_filter[]=sharpen"  alt="" />
</div>
<p>123</p>
<ul>
<li>1111</li>
<li>2222</li>
</ul>
</div>

Vielen Dank im voraus für jeden Hinweis.
Danke und Grüsse Sandmaus

[Ingo]

Gib den Listen ein "overflow: hidden;" mit und nutze statt margin besser padding fürs Einrücken.

[sandmaus]

Danke Ingo,
overflow: hidden -> rückt ein, margin sollte bleiben, da sonst die square nicht angezeigt werden.
Grüsse Sandmaus