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/