WordPress.org

1. jami1955
   Member
   Posted 1 year ago #

   We all know WordPress and the auto P tag, which will defeat a float, and the solution of wrapping the image (in the HTML editor) in a DIV which is floated so the text - even with the auto generated P tags - will wrap around the photo.

   Well, it doesn't work. I've got exactly that. The resultant code in the rendered page is
   

   <div class="float-L"><a href="http://maaikehoijtink.com/wp-content/uploads/2011/01/bkatie.jpg"><img class="alignleft size-full wp-image-25" title="bkatie" src=" etc " alt="etc" width="200" height="232" /></a></div>
   <p>There is much to say about . . . Work is: . . . </p>

   The div class "float-L" is self explanatory. The following paragraphs should wrap, but they are defying the CSS and not wrapping.

   I'd love to know why. The page is here
   http://maaikehoijtink.com

   thanks
   JSC

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   You seem to have resolved this, yes?

3. jami1955
   Member
   Posted 1 year ago #

   Yes. A thousand pardons I writhe in abasement. The .entry p css had a statement from it's misguided creator (starocean - the template I'm using for this one) of

   overflow:hidden;
   width:100%;

   which forced the p tag to the nearest place it can stretch to 100% of the width of the div it's in. Just discovered that, and of course erased it... Now that I've erased that the p tag wraps as it should.

Topic Closed

This topic has been closed to new replies.