Placing images in a row

Discussion in 'HTML & Website Design' started by Wrongfully Convicted, Sep 18, 2009.

  1. #1
    Could someone give me the code that I would use to place images in a row ?

    I would appreciate code in CSS as well as html.
     
    Wrongfully Convicted, Sep 18, 2009 IP
  2. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #2
    You need to use float.

    You can either do it inline:
    <img style="float:left" src="pic1.jpg" /><img style="float:left" src="pic2.jpg" />etc...

    ----------------

    Or using CSS;
    <img class="myimg" src="pic1.jpg" /><img class="myimg" src="pic2.jpg" />etc...

    with the CSS file:
    .myimg {float:left}
     
    Kerosene, Sep 18, 2009 IP
  3. vinucool5

    vinucool5 Peon

    Messages:
    34
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    <img src="image1"><img src="image2">


    Whats The Big Deal ? :S
     
    vinucool5, Sep 18, 2009 IP