1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to place banner to the left of my video? (simple html question)

Discussion in 'White Hat SEO' started by chocolatemonkey, Feb 3, 2011.

  1. chocolatemonkey

    chocolatemonkey Junior Member

    Joined:
    Dec 20, 2009
    Messages:
    197
    Likes Received:
    29
    I need to to place a banner to the left and right of a video on one of my pages. How do I code it so the banners shows to the left and right of the video and not just align left like it is now where it is pushing down my video?

    I can give rep for anyone who gives me an answer - i'm ok with html but this is slipping my mind.

    Thanks in advance!

    Here is how it looks like now:[​IMG]
     
  2. OnlineGodfather

    OnlineGodfather Senior Member

    Joined:
    Mar 3, 2010
    Messages:
    1,117
    Likes Received:
    406
    Occupation:
    Interwebs
    Location:
    Russia
    if its html just use the table,

    Code:
    http://www.w3schools.com/html/html_tables.asp
     
  3. chocolatemonkey

    chocolatemonkey Junior Member

    Joined:
    Dec 20, 2009
    Messages:
    197
    Likes Received:
    29
    Thanks for the reply,

    I don't want the table borders, I know there has to be an easier way to do what I need done, considering many sites are doing what I need to do...
     
  4. Ravingace

    Ravingace Registered Member

    Joined:
    Jan 30, 2009
    Messages:
    68
    Likes Received:
    34
    Should just need to use align if it's pushing the video down is the page width wide enough?

    If not try using css and use absolute placement
     
  5. chocolatemonkey

    chocolatemonkey Junior Member

    Joined:
    Dec 20, 2009
    Messages:
    197
    Likes Received:
    29
    Thanks for the reply,

    What would be the proper use of align? align=right? align ="right"? Where would I place it in a code that looks like this?

    <!-- BEGIN ADSPACE CODE -->
    <script type="text/javascript" language="javascript" charset="utf-8" src="http://adspaces.advertising.com/adspace/637.js"></script>
    <!-- END ADSPACE CODE -->



    I tried inserting align=right after the src="http://site.com" part and its still doing what I posted in the image in my first post...

    Thanks again!
     
    Last edited: Feb 3, 2011
  6. naina

    naina Newbie

    Joined:
    Feb 1, 2011
    Messages:
    15
    Likes Received:
    1
    HTML:
    <div style="width:800px;">
    <div style="float:left;"> ... put banner src here </div>
    <div style="float:right;"> ... put video src here </div>
    <div style="clear:both;"></div>
    </div>
     
    • Thanks Thanks x 1
  7. Ravingace

    Ravingace Registered Member

    Joined:
    Jan 30, 2009
    Messages:
    68
    Likes Received:
    34
    HTML:
    <img align=left src="left banner url"  />
    <img align=right src="right banner url" />
    Video Html
    This will put banners either side of the video
     
    • Thanks Thanks x 1
  8. chocolatemonkey

    chocolatemonkey Junior Member

    Joined:
    Dec 20, 2009
    Messages:
    197
    Likes Received:
    29
    Neither of those worked. It still puts the banners above and below the video, not to the sides of the video like what I'm trying to do.
     
  9. naina

    naina Newbie

    Joined:
    Feb 1, 2011
    Messages:
    15
    Likes Received:
    1
    Shouldn't be that difficult, right? :)

    Try the following code again and post a screenshot of what it looks like.

    HTML:
    <div style="width:800px;">
    <div style="float:left;background:red;height:400px;"> ... put banner src here </div>
    <div style="float:right;background:green;height:400px;"> ... put video src here </div>
    <div style="clear:both;"></div>
    </div>