How can I make text and photos left-align down a page?

  • Author
    Posts
  • #1169564

    jszens
    Member

    I can’t make text align properly around photos. I have inserted returns to move text down the page, so that the text appears either above or below the photos I have added to the page. However, each time I save the page, the text jumps right back where it was. The post in question is the first one I have added to this blog. I have had this issue with other blog posts, but have always been able to correct the alignment. Not this time.

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

    #1169718

    timethief
    Member

    Hi there,
    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

    Align-left means position left, with the rest of the content wrapping around the right side of the image.
    Align-right means position right, with the rest of the content wrapping around the left side of the image.
    Align-center means position center, with no wrap-around (= the rest of the content below the image).

    To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
    <p style="clear:both;">TEXT HERE</p>

    Every theme has a maximum displayed image width http://wpbtips.wordpress.com/2009/07/23/maximum-image-width/ so it’s important to keep that in mind when posting multiple images side-by-side. If you want two images to be side by side on the same line start by setting the alignment of both images to left.

    #1169724

    jszens
    Member

    If I insert the html code after each text/photo pair, what text goes in the TEXT HERE block?

    Thank you for replying so quickly!

    #1169735

    justpi
    Member

    Timethief’s reply is confused.
    And your blog is private: if you wish, you can temporarily switch to the middle privacy option so we can see what the actual content is and tell you what needs to be done.

    #1169767

    jszens
    Member

    Thank you for looking at this issue. I have made the blog public for the time being, and I appreciate your efforts.

    #1169770

    justpi
    Member
    #1169772

    jszens
    Member

    Oh, that’s right, I have only saved it as a draft. One sec and I will fix it! Sorry….

    #1169773

    jszens
    Member

    Okay, that post has been published. The problem is the text: I want the text to be either above or below the photograph that it describes – not to the right of the photos. And I can’t seem to make that happen.

    #1169774

    jszens
    Member

    The top two photos and text are okay, and for these two I used the suggestion posted by TimeThief. However, I still have the “Text Here” showing up, and cannot seem to get that to go away. I’m sure that there is a simple solution to this – I just don’t know what it is!

    #1169775

    justpi
    Member

    Yes, if you “want the text to be either above or below the photograph that it describes” there is a simple solution: you don’t need any extra code, you just set the alignment of the images to none instead of left.

    #1169789

    jszens
    Member

    Gee – that WAS easy.

    What function would the “align left” have that would differ from no alignment?

    Thanks a lot for the advice, by the way; I’ve now been able to publish this blog, for the enjoyment of my niece and family!

    Jeff

    #1169795

    justpi
    Member

    You’re welcome.
    Align left means place left plus wrap around. Align none means place left but no wrap around.

The topic ‘How can I make text and photos left-align down a page?’ is closed to new replies.