Gunlaug Sørtun wrote:
> Mike Breiding wrote:
>
>> <img class="leftImg" src="states_cov_cr.jpg" width="620" height="30"
>> alt=""/> <img class="leftImg" src="states_cov_cr.jpg" width="120"
>> height="130" alt=""/>
>>
>> If the long image is wrapped in a paragraph or an empty paragraph
>> inserted between the two images they then both float left.
>
> Yes, floats act as floats, and in order to prevent them from trying to
> line up alongside preceding floats we often have to separate or 'clear'
> them.
> Since cases and intended line-up differ, there's no definitive "works
> perfect in all situations" solution. Some times we need a separating
> element or 'clearer', but in most cases we can make those floats clear
> each other with CSS only.
>
> In your case those left-floating images should be given an additional
> 'clear: left' style-rule, to make them line up under each other without
> the need for an element - paragraph or whatever - to separate them.
>
> regards
> Georg
Perhaps this is a good opportunity to ask a question that's puzzled me for a
while. Can you have both a 'float' and a 'clear' in the same style ?
Georg seems to be saying you can. Is the order of the rules is going to make a
difference ? (I'd have thought so).
e.g.
img.leftImg {float:left; clear:left;}
Tim Dawson
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
