WordPress.org

Ready to get started?Download WordPress

Forums

Text placement by image (3 posts)

  1. fredriley
    Member
    Posted 5 months ago #

    This is a minor irritation, but something that's bugged me for years using WordPress. Up to now I've lived with it, but I'm about to make a site live which colleagues will have to edit, and I want to tell them how to get around the problem.

    Sometimes when I put an image into a page, and in the Visual Editor put text beneath the image, the text appears to the right of the image, and I have to shove a load of carriage returns before the text to force it below the image. For instance, the code:

    <a href="http://www.eurocall-languages.org/wordpress/wp-content/uploads/2013/10/2013_poster_winner.jpg"><img class="alignleft size-thumbnail wp-image-1419" alt="Runner up in the 2013 conference poster competition. " src="http://www.eurocall-languages.org/wordpress/wp-content/uploads/2013/10/2013_poster_winner-150x150.jpg" width="150" height="150" /></a>
    
    Click on the thumbnail above to view the full-size image.

    produces this:

    screenshot1

    Only if I put in a load of nbsps with the code:

    <a href="http://www.eurocall-languages.org/wordpress/wp-content/uploads/2013/10/2013_poster_winner.jpg"><img class="alignleft size-thumbnail wp-image-1419" alt="Runner up in the 2013 conference poster competition. " src="http://www.eurocall-languages.org/wordpress/wp-content/uploads/2013/10/2013_poster_winner-150x150.jpg" width="150" height="150" /></a>
     
    &nbsp;
    
    &nbsp;
    
    &nbsp;
    
    &nbsp;
    
    &nbsp;
     
    Click on the thumbnail above to view the full-size image

    do I get this:

    screenshot2

    This doesn't happen all the time. Can anyone tell me what the @$#! is going on? I know there'll be workarounds, perhaps using HTML code in the text view, but it'll be non-tech colleagues editing pages and I'm not going to tell them to use HTML. Yes, we could set the image caption to the text to be placed underneath the image, but that fails if the image is to be used in different contexts.

    Cheers

    Fred
    http://www.fredriley.org.uk

  2. martcol
    Member
    Posted 5 months ago #

    Have you thought about adding the text as a caption when you insert the image?

    Just an idea

  3. fredriley
    Member
    Posted 5 months ago #

    Thanks for the reply. Yes, I did think about that, and referred to it as an option in the last para of my query. Trouble is, the caption is part of the image metadata, and persists across image instances. So if I had an image of a hamster and captioned it "Furry cute creature", that caption would appear in whichever page/post I insert the image, so if I wanted a different text, eg "Horrible rodent that eats its young", I'd have to upload another image to the Media Library and add a caption to that.

    More to the point, though, I want to know what the flip is going on in the visual editor. Sometimes when I insert an image and put text below it, it looks as it should do; other times, I have to throw in lots of nbsps to force it below the image. I know that this will confuse and throw my non-technical colleagues who'll be editing content, so I want to find out now why it's happening.

    Cheers

    Fred

Reply

You must log in to post.

About this Topic