Help - Search - Members - Calendar
Full Version: text wrap around images, images being annoying!
Movable Type Community Forum > Additional Resources > Tips and Tricks
hezair
When I have an image in a section, I want the text to wrap around it. So I put on a float class:

CODE
img{
float: left;
position: relative;
margin: 5px 10px 5px 10px;
border: 1px solid black;
display: inline;
}


BUT BUT BUT!! When there is not enough text, the image overlaps down the bottom of the section,
see the top image
and it rreeeally is irritating.

I have tried wrapping imgs in their own block, and floating them, and clearing them, and doing anything i could think of.

It seems the only way I can work around this is by putting line breaks in the entry... (and then it doesn't lay out right in a smaller window)...

Has anyone idea on how to fix this dastardly problem?

~h
kadyellebee
I think that if you add this code:
CODE
<div style="clear:both;"></div>
right before the /div for your blog body, it should fix this problem.

Kristine
medic119
lol, I posted almost the same thing in the templates ection five minutes ago.
hezair
i bow in respect of the mysterious and powerful knowledge of kadyellebee and medic.

how long i toiled! my suffering has ended. i rejoice!
kadyellebee
tee hee!

I'm glad that worked out for you!

Kristine
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.