nicht angemeldet
liste neben float-left
hallo,
ich habe ziemlich viel content der aus text, listen und bildern besteht. die bilder sind mit float-left an den linken seitenrand gerückt. wenn nun rechts neben einem bild eine liste ist, liegen die bullets innerhalb des bildes. würde mich interessieren ob sonst jemand das problem schon hatte und ob es da ne saubere lösung gibt. code der das problem veranschaulicht ist angefügt, wobei der blaue div das image symbolisiert.
*********************** test.html
<html>
<body>
<ul>
<li>line one</li>
<li>line two</li>
<li>line three</li>
</ul>
<div style="width:200px;height:200px;float:left;background-color:blue"></div>
<ul>
<li>line one</li>
<li>line two</li>
<li>line three</li>
</ul>
</body>
</html>
***********************************
rendert ganz grob folgenden output:
- line one
- line two
- line three
-----------
| -|line one
| -|line two
| -|line three
| |
-----------
-
wenn nun rechts neben einem bild eine liste ist, liegen die bullets innerhalb des bildes.
list-style-position: inside;
oder das aufzählungszeichen entfernen und gegen ein bild ersetzen (meistens besser)
-
Hallo,
wenn nun rechts neben einem bild eine liste ist, liegen die bullets innerhalb des bildes. würde mich interessieren ob sonst jemand das problem schon hatte und ob es da ne saubere lösung gibt.
Ich hatte dazu mal einen Artikel geschrieben, zwar nicht mehr ganz aktuell, aber für IE7 (mit dem wurde es noch nicht getestet) kannst du das vielleicht auch selbst testen/anpassen:
http://danielrichter.pytalhost.de/Float.phpmfg. Daniel