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]>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]>: > > 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}