Images wit short text alignment

  • Author
    Posts
  • #828005

    Hello,
    I use images with a short comment text. I want the text at the top of the image and not next to it
    How do I get this short text before the image or just after the preceding image.
    The problem has been subject of preceding topics which said to insert the following code <brspacestyle=”clear:both;”space/>
    Where must I insert this code?
    I tried it on the next line immedaitely after the image code.
    I discovered that the code in some cases disappeared after the update.
    Thanks in advance for the help.
    http://foretsdanjoutin.wordpress.com Example Page “Actualités”
    (email redacted)

    The blog I need help with is foretsdanjoutin.wordpress.com.

    #828166

    1tess
    Moderator Emeritus

    If you set an image “alignleft,” then text (or another image, it it fits) will appear to the right of the image.
    If you set an image “alignright,” then text will appear to the left of the picture.
    If you set an image to “alignnone,” then it will appear on the left of your post column without text next to it.
    And if you set the picture to “aligncenter” it will be in the center of the post column with text above and/or below.

    http://en.support.wordpress.com/images/image-alignment/

    If you want 2 pictures side-by-side, you’d insert them one after the other on the same line of html, both aligned left or aligned right. To prevent text from appearing next to your pair of pictures, you would add the break code below the image code in the html editor to clear the alignment specifications of the images:
    The correct break code:
    <br style="clear:both;" />

    That break code can also be used if you have a left or right aligned picture with only a short amount of text. To have more text after the image-text pair, put the break after the code in the html editor, then continue with more text.

    #828167

    1tess
    Moderator Emeritus

    Here is a more concise explanation. Scroll down to this:

    Text wrap

    To have text wrapping around an image, you don’t interfere with the text: you set the image alignment to either left or right.

    http://wpbtips.wordpress.com/2009/06/10/formatting-text-pt-1/

    #828179

    justpi
    Member

    If you want “text at the top of the image and not next to it”, you type the text before the image and you set the image alignment to none; and you don’t need the clear-both code.

    #828276

    Fantastic!
    Within some hours 3 replies. I shall try the proposed solutions as soon as possible.
    Thank you very much for your help 1tess and justpi.
    Fred

    #828281

    1tess
    Moderator Emeritus

    Happy to be helpful!

    Note that I often get carried away so gave you more answers about image alignment than you asked for
    via Panos’ blog—

    Panos=justpi=wpbtips

    so just start with his answer: text above the image aligned to none…

The topic ‘Images wit short text alignment’ is closed to new replies.