How to place three images in a row (besides each other)

Discussion in 'HTML & Website Design' started by sadekjake, Oct 14, 2008.

  1. #1
    I was trying to place three ad blocks besides each other on my blog. The codes look like this:
    <script type="text/javascript" src="http://jserve.performancingads.com/js/perfads.js?r=5848"></script>
    <script type="text/javascript" src="http://jserve.performancingads.com/js/perfads.js?r=5850"></script>
    <script type="text/javascript" src="http://jserve.performancingads.com/js/perfads.js?r=5860"></script>

    I would like these to appear side by side in a row. Whenever i try to place the codes beside each other, the ads get placed below each other, in a column.

    Can anyone help?:confused:
     
    sadekjake, Oct 14, 2008 IP
  2. kush86

    kush86 Well-Known Member

    Messages:
    2,507
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    160
    #2
    Use a table to place them side by side.

    <table><tr><td>
    link
    </td><td>
    link
    </td><td>
    link
    </td></tr></table>
    Code (markup):
     
    kush86, Oct 14, 2008 IP
    sadekjake likes this.
  3. testndtv6

    testndtv6 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You can even have the image tags next to each other or use nobr

    --------
    pf answers
    http://www.pfanswersagg2.co.cc
     
    testndtv6, Oct 14, 2008 IP
  4. jamesicus

    jamesicus Peon

    Messages:
    477
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You can use a regular (X)HTML construct such as:

    <p id="headerpics">
    <img alt="" src="filename1.jpg"><img alt="" src="filename2.jpg">
    <img alt="" src="filename3.jpg"><img alt="" src="filename4.jpg">
    </p>

    The CSS id sets the positioning parameters.

    James
     
    jamesicus, Oct 14, 2008 IP
  5. davidcarlson

    davidcarlson Guest

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I think the easiest way is to surround the images with the NOBR tag.

    <NOBR>
    <script type="text/javascript" src="http://jserve.performancingads.com/js/perfads.js?r=5848"></script>
    <script type="text/javascript" src="http://jserve.performancingads.com/js/perfads.js?r=5850"></script>
    <script type="text/javascript" src="http://jserve.performancingads.com/js/perfads.js?r=5860"></script>
    </NOBR>
     
    davidcarlson, Oct 14, 2008 IP
  6. Jake-Johnson

    Jake-Johnson Peon

    Messages:
    839
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #6
    use Style="Float:left" twice, than for the next tag use Style="Clear:Both"
     
    Jake-Johnson, Oct 14, 2008 IP
  7. sadekjake

    sadekjake Active Member

    Messages:
    309
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    90
    #7
    thanks a lot to all of you. i tried the first oe, and it worked!
    So didnot have to try the other ones. Thanks a lot to all of you. This is indeed a very helpful forum.
     
    sadekjake, Oct 15, 2008 IP