7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Inserting and positioning images

by Grace26
5 replies
Good Day To You All!

I am seeking for advice on how to place 2 photos/pictures side by side on my web page.

I tried several times to inserts the second picture at the right side of the first one but they are ending with one on top of the other. This is my first time to try this and I haven't achieved the result that I seek, which is one picture at the left and the second at the right side next to each othe on the same row.

Thank you.
#images #inserting #positioning
  • Profile picture of the author ArticlePrince
    Just make a table with 2 columns and one row without borders, put one in each cell and your problem is solved :-)
    Signature
    FREE 500 word articles, PM me for yours!
    (4 days only!)
    {{ DiscussionBoard.errors[2843128].message }}
    • Profile picture of the author petereff
      Originally Posted by ArticlePrince View Post

      Just make a table with 2 columns and one row without borders, put one in each cell and your problem is solved :-)
      Exactly as above. Here is the code you need:

      <table>
      <tbody>
      <tr>
      <td style="width: 250px;">
      Picture1
      </td>
      <td style="width: 250px;">
      Picture2
      </td>
      </tr>
      </tbody>
      </table>

      Simply vary the width in pixels to accommodate your image size.
      Signature

      Career Change? Try Me For: Writing Great CVs | Small Business Websites | Blog or Build?

      {{ DiscussionBoard.errors[2843200].message }}
  • Profile picture of the author Tsnyder
    Originally Posted by Grace26 View Post

    Good Day To You All!

    I am seeking for advice on how to place 2 photos/pictures side by side on my web page.

    I tried several times to inserts the second picture at the right side of the first one but they are ending with one on top of the other. This is my first time to try this and I haven't achieved the result that I seek, which is one picture at the left and the second at the right side next to each othe on the same row.

    Thank you.
    Your pictures are wider than the space you're trying to insert them in to
    so the 2nd one is being pushed down to the next line... same as text.

    Reduce the size of the pictures and put them in tables as suggested above.

    Tsnyder
    Signature
    If you knew what I know you'd be doing what I do...
    {{ DiscussionBoard.errors[2845740].message }}
  • Profile picture of the author Istvan Horvath
    I never need a table for doing this

    What Tsnyder said: IF there is enough room for them AND you put them on the same line* - they will be next to each other.

    _____________
    *this one is for WP users, they always forget that WP will insert a br if you put the second img code on a new line
    Signature

    {{ DiscussionBoard.errors[2845950].message }}
  • Profile picture of the author Grace26
    Thank you All for your helpful answers. I am going to do as you suggest.

    Have a blessed day!
    {{ DiscussionBoard.errors[2853242].message }}

Trending Topics