WordPress.org

1. jreme100
   Member
   Posted 1 year ago #

   So, I've tried several themes, and a large portion of them have this problem. I start an image wrap in a post, and if the paragraph is long enough to go all the way around the image and back down to a normal indent, then everything is fine.

   If the paragraph is too short, then the title of the next post ends up coming up into what appears to be the previous post.

   You can see what I'm talking about here:
   http://www.wcteen.org

   don't be fooled by the name of the site, there's nothing weird going on here.

2. dshatha
   Member
   Posted 1 year ago #

   I am having the same problem with my site Hathaway.tv Did you receive an answer? Has anyone had this problem before???

3. moshu
   Member
   Posted 1 year ago #

   Yes, everybody has the same problem if they don't "clear" the float.
   For wrapping the text around images the image has to be floated (left or right) and if there is no element with "clear: both" properties somewhere later in the code - EVERYTHING that follows will try to "wrap:, i.e. to slide up where the empty space is.

   Possible solutions: make a class in your stylesheet, like
   .clearer {clear: both;}
   and at the end of a short post with floated image add this:
   <br class="clearer" />

   another way (since we all tend to forget about it!) is to add the clear attribute to whatever div or p (depending on your theme's markup) comes after the post. I did this with the ".postmeta" class in one of my themes.

4. mikedancy
   Member
   Posted 1 year ago #

   so that goes into the css stylesheet just under the {wrap} portion?

   I have soemthing similar at www. trademygadget. com

5. moshu
   Member
   Posted 1 year ago #

   No.
   In many themes there is a big "container"-type div called wrap but that has nothing to do with "wrapping the text around images". That div is mainly a "wrap container" that keeps together all the other divs.

   The .clearer {clear: both;} code can go into your stylesheet anywhere you want... I prefer to add my code at the end, under a different section, just to keep things clean.

   Actually, in my present theme I have a "meta" div right after my posts, displaying the categories, comment link etc. and I added the "clear: both" to its style definiton, so it always pushes down that line to the proper place.

Topic Closed

This topic has been closed to new replies.