Need help to set two ad frames in one line

Discussion in 'HTML & Website Design' started by nakama30, Oct 18, 2009.

0
  1. #1
    Hi i know it's a noob question but i really don't know how to do it, i need help getting those two ad frames into one line, when i put them in my site and put a space between them it just don't work.

    the 1st ad

    <!-- Begin: Black Label Ads, Generated: 2009-10-18 20:23:52 -->
    <script type="text/javascript">
    var AdBrite_Title_Color = '0000FF';
    var AdBrite_Text_Color = '000000';
    var AdBrite_Background_Color = 'FFFFFF';
    var AdBrite_Border_Color = 'CCCCCC';
    var AdBrite_URL_Color = '008000';
    try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
    </script>
    <script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1383226&zs=3330305f323530&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
    <div><a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1383226&afsid=55544" style="font-weight:bold;font-family:Arial;font-size:13px;">Your Ad Here</a></div>
    <!-- End: Black Label Ads -->

    the 2nd ad

    <!-- Begin: Black Label Ads, Generated: 2009-10-18 20:30:35 -->
    <script type="text/javascript">
    var AdBrite_Title_Color = '0000FF';
    var AdBrite_Text_Color = '000000';
    var AdBrite_Background_Color = 'FFFFFF';
    var AdBrite_Border_Color = 'CCCCCC';
    var AdBrite_URL_Color = '008000';
    try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
    </script>
    <script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1383229&zs=3330305f323530&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
    <div><a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1383229&afsid=55544" style="font-weight:bold;font-family:Arial;font-size:13px;">Your Ad Here</a></div>
    <!-- End: Black Label Ads -->

    thank you inadvance
     
    nakama30, Oct 18, 2009 IP
  2. Fez

    Fez Member

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #2
    you can try floating two divs side by side

    <div id="ad1">--your 1st adcode here--</div>
<div id="ad2">--your 2nd adcode here--</div>
    Code (markup):
    rest of it u take care of in the css
    
#ad1{
float:left;
width:<insert the ad width here>;
height:<insert the ad height here>;
}

#ad2{
float:left;
width:<insert the ad width here>+ Xpx;
height:<insert the ad height here>;
padding-left: Xpx;
}
    Code (markup):
    you can use change the value of Xpx to give a space between your ads, alternatively you can float it to the right instead of to the left,
    remember to clear the floats so they don't affect the rest of your divs.
     
    Fez, Oct 18, 2009 IP