Adding photos side by side

  • Author
    Posts
  • #964792

    disc440
    Member

    I will ask this question and again, and hope that maybe I can get a clear cut answer. My wife and I both use WordPress for blogs, but we also both have big time problems trying to insert photos.

    Why is it so difficult to insert photos side by side (2 only)? We have both tried to help each other do this, and it’s almost impossible. Why is this so hard?

    I know we can do this in another program, save it and then upload that as a photo, but in this day and age, why can’t we just upload two photos side by side, same size, etc.?

    The photos float here and here and it seems we have no control as to where they appear?

    Hoping someone can help us understand this, and offer us simple, clear cut steps to accomplish this. Thanks…..

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

    #965006

    justpi
    Member

    It’s not difficult: you just have to set their alignment to left and/or right.
    That’s all there is to it, if they are the right size (that is, if the two photos together cover the whole width of the post column). If they are narrower, you might need some extra coding to prevent the rest of the content from wrapping round; so please link to or point to specific examples an tell us how exactly you’d like them to be.

    #965010

    disc440
    Member

    If you look at her site you will see the problem she is having (and I frequently have)

    http://cwpcblog.wordpress.com/

    She does not understand html or CSS. I know some, but why can’t she use the “visual” feature and line up her photos. Would be nice to be able to right click and simply move photos where you want them. It’s a common feature on many sites and programs. Cannot understand why WP does not offer it?

    If someone can offer a simple explanation of how to do this (without using code) we would appreciate it.

    #965013

    timethief
    Member

    See here > http://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. 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).

    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. 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;” />

    #965046

    justpi
    Member

    @disc440:
    1) As I said in my previous reply, it’s very simple if the two images together fill the entire width of the post column. Perhaps you aren’t aware of the fact that the thumbnail, medium and large size options are adjustable: you set the defaults for them in Settings > Media.
    2) If the two side-by-side images together are narrower than the post column, and you don’t want the rest of the content to wrap around, that’s not possible without coding. For example, if the content that follows the pair of images is a paragraph, you need to write it this way (in the “Text” editor):
    <p style="clear:both;">TEXT HERE</p>

The topic ‘Adding photos side by side’ is closed to new replies.