Hi.
How about just floating the text you want to the right of the image
(yes, use float: left again) by surrounding the ul (and any other
desired text) with their own floated block level container:
<div style="float:left">
<img ... />
</div>
<div style="float:left">
<ul>
...
</ul>
...
</div>
Use "clear: both" on any element after the last closing div tag to
ensure that element will be below the image and not wrapped to the
right of the ul when there is space...
-Craig
On 27/04/2009, at 6:40 AM, Peter S 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]
> > 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}