Can't get images to align side by side

Discussion in 'HTML & Website Design' started by gmr324, Jan 17, 2013.

  1. #1
    Hi,

    I am having problems trying to get the two pictures (house ad and dog ad) to line up properly side by side
    Also trying to avoid having any text (Our Stunning Portfolio paragraph) between them. Here's the link:

    http://www.localsearchconsulting.org/animated-graphics-ads/

    Advice Appreciated
    George
     
    Last edited: Jan 17, 2013
    gmr324, Jan 17, 2013 IP
  2. jamjar919

    jamjar919 Well-Known Member

    Messages:
    332
    Likes Received:
    7
    Best Answers:
    5
    Trophy Points:
    180
    #2
    Increase the margin of the ads, or put the text in a fixed width div tag.
     
    jamjar919, Jan 17, 2013 IP
  3. gmr324

    gmr324 Active Member

    Messages:
    205
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    Thanks for the response. So, I was able to use float:left to get the images to be positioned side by side.
    However, my challenge now is how to get the right-hand side dog image to be vertically aligned with the house image

    Any suggestions?

    George
     
    Last edited: Jan 17, 2013
    gmr324, Jan 17, 2013 IP
  4. xXxpert

    xXxpert Well-Known Member

    Messages:
    604
    Likes Received:
    34
    Best Answers:
    9
    Trophy Points:
    165
    Digital Goods:
    7
    #4
    You have put lots of <p> tags, its looks like noodles of <p> tags :p
    try creating a clean layout using proper <div> tags
     
    xXxpert, Jan 17, 2013 IP