New to blogging and I cannot insert my photos where I want them

  • Unknown's avatar

    Hello,
    I am very new to blogging, and just want to have a simple blog to share my lifestyle between Canterbury and Spain with my friends and family. However I cannot make my blog do what I want it to do, I would like to insert my photos next to each other but they will only insert below each other no matter what I do, they can be moved to the centre, to the right or left but not on the same level. I had hoped writing blog would be as simple as using word and adding photos into a document, where I want them to go. But I guess I do not know the trick. Hopefully someone can help me do this, or I might as well go back to doing emails with distribution lists and attaching photos. I thought blogging was supposed to be free and fun but it is more frustrating than I could ever imagine. I gave up with blogspot but wordpress is not really any easier.

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

  • Unknown's avatar

    See here please > http://en.support.wordpress.com/visual-editor/#alignment and here https://en.support.wordpress.com/images/image-alignment/#side-by-side

    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.

    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).

    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.

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

  • Unknown's avatar

    thanks timethief, will try it.

  • Unknown's avatar
  • The topic ‘New to blogging and I cannot insert my photos where I want them’ is closed to new replies.