Its for a cms, so it has to work with or without the left floated image. P.
On Mon, Apr 27, 2009 at 5:47 PM, Dmitry Ruban <[email protected]> wrote: > > Hi Peter, > > Give some space to left floating div by adding "margin-left: 150px" to P > and UL elements. > > Peter S: > > Ok. I tried that and it helps ... a little, but still not right. This is > > really starting to look weird, probably a browser bug, but in both IE > > and firefox? I have updated the test page with colored borders and valid > > xhtml. > > http://farmworks.studiomadfish.com/test.html > > > > Any other ideas? > > > > The closest i can get to a sane solution is this (if they can live > > without indented lists): > > ul, li {margin:0; padding:0;} > > ul {list-style-position:inside;} > > > > Would another doctype help? > > > > Surely others have encountered this bizzzare behavior? Its not just ULs > > its any thing with margins or padding near floated elements. > > > > <Begins tearing hair> > > > > P. > > > > > > > > > > On Mon, Apr 27, 2009 at 8:05 AM, Rory Casey <[email protected] > > <mailto:[email protected]>> wrote: > > > > > > li { list-style-position:inside; } > > > > + add some margin to your img > > > > img { margin:1em; } > > > > Adding borders to your ul elements lets you see what's going on. > > > > On Mon, Apr 27, 2009 at 6:40 AM, Peter S <[email protected] > > <mailto:[email protected]>> wrote: > > > Thanks guys. The suggestion to add padding just pads the problem > > further > > > right. The suggestion to add clear='both' stops the wrap, which i > > want. The > > > suggestion to make the img into a block level element makes no > > difference, > > > and indeed the original problem page has it inside a div box. > > Incidentally > > > the problem is the same using <img align='left' src='ddff' /> > > > > > > So how exactly does one left float an image without problems like > > this? > > > > > > Peter > > > > > > > > > On Sat, Apr 25, 2009 at 7:54 AM, .: christian mazur :. > > <[email protected] <mailto:[email protected]>> > > > wrote: > > >> > > >> Hi! > > >> Add "padding-right: n px" on your img tag. > > >> > > >> Ex. > > >> <img style="float: left; padding-right:30px;" > > >> src="http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/> > > >> > > >> ch.- > > >> > > >> > > >> 2009/4/24 Peter S <[email protected] <mailto:[email protected] > >>: > > >> > Ive been doing mysql/php/html/css for a while, and > > occassionally noticed > > >> > odd > > >> > margin behavior around floated elements, but this UL oddity > > has finally > > >> > made > > >> > me ask whats going on... > > >> > > > >> > The problem is distilled down to a few lines here: > > >> > > > >> > http://farmworks.studiomadfish.com/test.html > > >> > > > >> > But ive also seen things like <hr>s run the full page width > > through a > > >> > floated element. > > >> > > > >> > Appreciate any pointers, thanks alot. > > >> > > > >> > Peter > > >> > > > >> > > > >> > > > >> > > > > >> > > > >> > > >> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > --~--~---------~--~----~------------~-------~--~----~ NZ PHP Users Group: http://groups.google.com/group/nzphpug To post, send email to [email protected] To unsubscribe, send email to [email protected] -~----------~----~----~----~------~----~------~--~---
![http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/](http://farmworks.studiomadfish.com/images/soil_ss1.jpg"/){kind=link}