Forum Moderators: not2easy

Message Too Old, No Replies

images staggering!

saw how to fix, but can't find when I need it

         

sldesigns

4:04 am on Oct 31, 2005 (gmt 0)

10+ Year Member



I saw a site not long along that explained how to fix floated images staggering. I have a photo floated left in a div, with text next to it. There are 3 paragraphs like this in a row. But the second and third images are not aligned vertically, but stagger to the right.
Can anyone tell me the fix, or point me to a site that explains? I know I saw an explanation not long ago, but can't find it in my bookmarks.
Help! MUch appreciated!

Setek

4:25 am on Oct 31, 2005 (gmt 0)

10+ Year Member



Set a clear:both; to your p tag and it should push past the floated element above it :)

sldesigns

4:51 am on Oct 31, 2005 (gmt 0)

10+ Year Member



Oh, thank you. I knew it was a simple thing, probably thought I would remember!
In case I have to look this up again, I'll note that since I wanted the text to stay next to the image, I added an empty paragraph after the text,
<p style="clear:both;">&nbsp;</p>

then continued on with the next image and text.
Works beautifully!

Robin_reala

7:22 am on Oct 31, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Instead of doing that why not make each containing <div> clear the one above?