Image spacing problem…

  • Unknown's avatar
    datsunsss · Member ·

    Hi guys,

    I am new to blogging and have tried to publish my first multi-photo post. In the visual editor all my paragraphs and images look the way I want them to, but when I published the post the photos have huge spacing between them and I am confused as to why this has happened.

    Can anybody shed some light on this problem please?

    Regards
    Jared

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Yes. Why don’t my images align the way I want them to?
    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. 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).

    So if you want your images to be side by side on the same line start by setting the alignment of all three images to left. To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
    <br style="clear:both;" />

    Align Images With Text

  • Unknown's avatar
    datsunsss · Member ·

    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images.

    I am aware of that as I read through that article a little earlier, when I type my post I typed the first two paragraphs then selected add media, selected the photo and uploaded it, then said place into post and it places the image where I left the cursor flashing.

    I am trying to get two photos directly underneath each other, then a bit of writing and then two more photo’s underneath that and so on.

  • Unknown's avatar
    datsunsss · Member ·

    Hi there timethief, thanks for the reply btw (forgot my manners there).

    I worked out what my problem was:

    I made the image alignment in the uploader editor LEFT.
    Just changed all the photo’s in the post to NONE and it looks how it should.

    Regards
    Jared

  • The topic ‘Image spacing problem…’ is closed to new replies.