Need help? Check out our Support site, then


Place 2 photos next to each other???

  1. Hi,

    This is possibly a really stupid post, but itas driving me crazy.

    Basically I'm trying to add 2 images to my blog and they keep being inserted one on top of the other. Is there a way to have them next to each other?

    I'm hoping this is something that's pretty easy to do?

    Thanks
    Andrew

  2. andrewsco
    Please post a link to your blog starting with http://
    We usually need to take a look to answer technical questions.

  3. I specifically didn't as I don't have an example on there - but, as you ask:

    http://onceuponathyme.wordpress.com/

    At the minute each photo fits the page. I want two to go next to each other (i.e the same size as one currently).

    Thanks

  4. That's ok. The maximum width for pictures in your theme is 444px so you will have to take the sizing into consideration when uploading your images. (or let wp re-size them for you, but you will lose some quality if you go that route.) And don't forget that you will want some space between them.

    The easiest way is to work in html mode. Upload one picture, and be sure it is set to "alignnone". Then without pressing return, upload your second picture, also set to "alignnone."

    If you are not comfortable working in html, you can switch to visual mode and and glide your cursor over both to select. Then use the paragraph align tool to center the images.

    If you are ok with code
    With link to open a larger image in new window:
    <p style="text-align:center;"><a href="http://URL_OF_IMAGE_1.jpg" target="_blank"><img class="alignnone" src="http://URL_OF_IMAGE_1.jpg" alt="" width="220" /></a><a href="http://URL_OF_IMAGE_2.jpg" target="_blank"><img class="alignnone" src="http:URL_OF_IMAGE_1.jpg" alt="" width="220" /></a></p>
    2 pics side by side, no links:
    <p style="text-align:center;"><img class="alignnone" title="forget-me-not_6192" src="http://URL_OF_IMAGE_1.jpg" alt="" width="220" /><img class="alignnone" title="forget-me-not_6192" src="http://URL_OF_IMAGE_1.jpg" alt="" width="220" /></p>

  5. Should say:
    If you are not comfortable working in html, you can THEN switch to visual mode.

    (You can do it all in Visual, but it's easier to see where your curser is in html so that there is no accidental "return" between the t pictures)

  6. thanks mate - managed to figure it out with your help.

    Cheers

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.