Layout/ Spacing Issues

  • Unknown's avatar

    I am having issues when I create pages, especially with images. If I insert images and set the layout, the images will sometimes jump when I hit UPDATE or when I go to preview the page. For example, I am trying to create a publications page with images of the various books that my work is in. I want each of these images to link to sites where the work can be published. I inserted all of the various images in a line down the page. When I hit update, all of the image move up and are crunched together, next to each other (left to right no the screen rather than top to bottom).

    How can I avoid/ fix this problem?

    Thank you so much for your help!

    best,
    Dano
    (email visible only to moderators and staff)

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

  • Unknown's avatar

    That’s because you don’t know how to properly align images and use text wrapping.

    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:
    <div style="clear:both;"></div>

  • The topic ‘Layout/ Spacing Issues’ is closed to new replies.