How do I position banners on my website ??

Discussion in 'HTML & Website Design' started by eazyel, May 16, 2010.

  1. #1
    HI, I am having trouble positioning a skyscraper banner on my website. At the moment I did manage to get it on the right side but it's not on aligned correctly vertically.

    I have included some screen shots of where there banners are meant to be and also how they are coming up at the moment.

    this is how the banners look like now:
    [​IMG]


    this is how i want the banners to look like:
    [​IMG]

    any help will be much appreciated

    thank you
     
    eazyel, May 16, 2010 IP
  2. Piggy

    Piggy Active Member

    Messages:
    574
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    70
    #2
    I'd use a <div> tag...
     
    Piggy, May 16, 2010 IP
  3. eazyel

    eazyel Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi, how do I use the div tag, I've only managed to use the div tag to align it to the left and right. What code do I use to move it down. Thank you
     
    eazyel, May 17, 2010 IP
  4. www.CaseyEquip.com

    www.CaseyEquip.com Peon

    Messages:
    97
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    
    <body>
        <div id="main" style="width:970px; margin:0 auto;">
            <div style="float:left; width:160px;">Banner 1</div>
            <div style="float:left; width:650px;">Main content</div>        
            <div style="float:left; width:160px;">Banner 2</div>    
        </div>
    </body>
    
    Code (markup):
    970px - width of your page
    160px - width of banner 1 & 2

    Best wishes!
     
    www.CaseyEquip.com, May 17, 2010 IP
  5. Jazzy_EG

    Jazzy_EG Greenhorn

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #5
    make padding-top to give a space between top and your banner. Just google the case - I'm sure there is an easy answer.
     
    Jazzy_EG, May 17, 2010 IP