image text wrapping

  • On a few of my pages and posts – the text will not wrap the image – even though It will on others. The image is aligned to left, the draft working page shows text wrapped to the right – but when published the text is below the image – not wrapped to the right. and that changes alignment the rest of the page.

    see landing page –
    https://chamberswild.com/

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

  • Everything looks fine to me. Did you get this sorted?

    Thread Starter chamberswildadmin

    (@chamberswildadmin)

    sorry – it looked so bad I changed image to a large across the page size. You can see the problem on my events page – I have older posts with images aligned left and the copy is wrapped to the right – no problems. But anything in the last week or so, like: the newer one “spring walks, high Island”, won’t align. I have tried several things. On the editing page it is correct with test aligned to the right of the image – but on published side – it changes.

    https://chamberswild.com/links-with-likes/events/

    thanks!

    That’s because the text

    Check their site for information on Free walks, workshops and photography help beginning in March.

    is wrapped in <h4> tags. Headings are themselves block-level elements. Try changing that text from a Heading 4 to a normal paragraph and seeing if it will align.

    From looking at your source code, it seems that you have wrapped content, such as your images in HTML heading tags <h4> ( as kjodle) mentions. You should use the Text editor view for your posts and remove unnecessary code.

    For example: Your most recent post in Events has a H4 heading wrapping the image and the text following. Instead it should look like this in the Text editor view:

    Your code looks like: 

    <h4>
   <a href="https://chamberswild.com/wp-content/uploads/2011/09/RailWalk_ANWR.jpg">
      <img class="size-medium wp-image-3320 alignleft" width="300" height="180" src="https://chamberswild.com/wp-content/uploads/2011/09/RailWalk_ANWR-300x180.jpg" alt="RailWalk_ANWR">
   </a>
</h4>
<h4></h4>
<h4>Take one of the annual Rail Walks through the marshes of Anahuac NWR, sponsored by FOAR. Free and open to the public, no reservations needed. See their site for more info and visit right away!
<strong> </strong>
</h4>
<p> </p>

    But a change to this will allow the image float to work:

    <a href="https://chamberswild.com/wp-content/uploads/2011/09/RailWalk_ANWR.jpg">
<img class="size-medium wp-image-3320 alignleft" width="300" height="180" alt="RailWalk_ANWR" src="https://chamberswild.com/wp-content/uploads/2011/09/RailWalk_ANWR-300x180.jpg">
</a>
p>
Take one of the annual Rail Walks through the marshes of Anahuac NWR, sponsored by FOAR. Free and open to the public, no reservations needed. See their site for more info and visit right away!
</p>

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘image text wrapping’ is closed to new replies.