Image Longer than post

  • Hey there.

    When I put an image in a post, with align=”left”, and the post itself is quite small… the image is goes further down the page than the text does…

    That’s fine, except the image overlaps into the next post.

    Is there anyway to make sure the container area of the individual post goes as long as the image does?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Yup – you need to clear the image.
    In the css:

    .clearer {
    clear:both;
    }

    In the post
    <div id=”clearer”>   </div>

    (There’s a no break space between the div bit. It’s
    & n b s p ;
    without the spaces.)

    You may need to experiment a bit with the position of this div.

    I tried this but it didn’t work, this is my html:

    <div id=”clearer”><img width=”150″ height=”223″ border=”0″ align=”right” alt=”book.jpg” title=”book.jpg” style=”margin: 0px 10px 10px” src=”https://dennisotoole.com/wp-content/uploads/book.jpg&#8221; /></div>

    I have added the .clearer style to the style.css. I am using WordPress 2.0.5.

    What am I doing wrong?

    below the image, try adding <p>nbsp;</p> that works for me… remember to put an & in front of nbsp;

    I got it! I added the “clearer” div in the wrong place. It must go at the very end of the post, and look like this:

    <div class=”clearer”> </div>

    -their is a non breaking space between those divs, but it’s not showing up.

    Everything should show up if you guys read the instructions how to post code:
    &nbsp;

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image Longer than post’ is closed to new replies.