Placing images within a new post

  • Author
    Posts
  • #475388

    I am trying to add a new post with a photo. I am able to do so, but there is no margin around the photo. The text of my post butts right up against the edge of the photo, with no space between. No matter how I align, there is no space between text and photo. How do I add margin to the photo to correct this?

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

    #475536

    timethief
    Member

    If you wish to have a caption box around your image then you need to complete the caption field.

    #475539

    timethief
    Member

    Here is a reference link to illustrated instructions for you:
    http://en.support.wordpress.com/images/

    Caption – Image caption to be displayed when using captions (will also display as the alternate text).

    #475544

    I’m sorry, I am not having problems with the caption. I’m having problems with the text of the post. If I align the image right, then the text (not the caption) of the post butts right up against the image. What I need is some margin around the image.

    #475549

    Captions have nothing to do with margins.

    If you’re editing posts using the visual editor, click on the image, click the mountain icaon that shows up, click Advanced Settings, type a number (10 at least) into the “Horizontal Space” and/or “Vertical Space” box, click Update, click Update Post.

    If you’re using the html editor, you can add the necessary command to the image code; to give precise suggestions, we need to see the post in question.

    #475554
    #475560

    You can switch the editor to html and paste this before the image code:
    <div style="float:left;padding-right:24px;">
    and this after the image code:
    </div>
    But the bulleted list next to the image isn’t a happy combination. Try to think of a different arrangement, or at least use plain text and add the bullets manually, not using the list button.

    #475569

    Thank you, that did correct my problem with the margin and the text. Can you tell me now how to align the top of the photo (horizontally) with the top of the text in the second paragraph? I would also like to see my bullet points all appearing in a straight line below the photo. Thanks again!

    #475588

    You’re welcome! To achieve what you’re asking, delete the previous code and try this:

    <table style="margin-top:-8px;">
    <tr>
    <td style="padding-right:20px;vertical-align:top;">
    IMAGE CODE HERE
    </td>
    <td style="padding-top:8px;">
    2nd PARAGRAPH AND LIST HERE
    </td>
    </tr>
    </table>

    I would also make the image larger, so that it stretches across all the bulleted items.

    #475608

    Thank you very much, but I think I shall have to go back to the drawing board. I’m not sure how, but I am going to have to figure out how to put a photo exactly where I want it, and wrap the text around it, exactly how I want it – and where. Thanks again.

The topic ‘Placing images within a new post’ is closed to new replies.