Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Images not floating left

Status
Not open for further replies.

UncleMortis

Programmer
Jan 28, 2003
120
AU
Hi, I'm making a page where I have images floating left, and the paragraph that relates to them floating along side them. All is working fine accept for one point. The image acts as if I've asked it to position itself relative to the picture above, so it indents itself to the right and then performs everything, ie; floating the text beside it. The next image below this picture however, will position itself properly. All the code is the same for each image and css, and no matter what picture I put there, it does the same thing. Any ideas? This is happening on Firefox AND IE 7. I'll paste some html code and the css for it if needed.
 
I "think" Ive had this before and its down to the amount of text in your paragraph, if its not enough to make enough lines to cover the height of the picture then you get some strange results.
 
Add [tt]clear: both;[/tt] to the image declaration as well. Your images are being floated just like text next to the other image, because there is still space. If you clear each image, you should not have these problems anymore.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Thank you both! Vragabond once again you've been helpful! It's always the small things. I wondered also about the amount of text next to the picture, but hadn't thought of putting more in to push everything back down.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top