one banner on left one banner on right

Discussion in 'HTML & Website Design' started by giusbit, Jan 26, 2014.

  1. #1
    hi

    as you can see from below images I have these banners screwed up

    [​IMG]

    What I would is to have the 2 banners aligned orizontal but one at the very left and one at the very right.

    I guess I have to use a div and then 2 spans? Can you please post the correct code to get what I need?

    Thanks
     
    giusbit, Jan 26, 2014 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Without seeing the code you're using to display them, we really can't help you... though throwing more markup at it probably isn't the answer.
     
    deathshadow, Jan 26, 2014 IP
  3. giusbit

    giusbit Active Member

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    banners are at the very bottom of this page
    http://www.interfans.org/forum/showthread.php?135981-Still-believe-in-Diego-Milito&p=17381170#post17381170
     
    giusbit, Jan 26, 2014 IP
  4. Murugesan.quadraincorp

    Murugesan.quadraincorp Greenhorn

    Messages:
    15
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    23
    #4
    Hi,
    your Requirement not understand. but i think you want horizontal 2 banner. try this code :


    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    #wraper
    {
    width:100%; height:auto;
    margin:0px auto;

    }

    .p1{
    width:50%; height:500px; float:left; background-color:#00CC66;
    }
    .p2{
    width:50%; height:500px; float:left; background-color:#FF0066;
    }
    </style>
    </head>

    <body>
    <div id="wraper">
    <div class="p1">first banner</div>
    <div class="p2">second banner</div>
    </div><!--end of wraper-->
    </body>
    </html>
     
    Murugesan.quadraincorp, Jan 27, 2014 IP
  5. giusbit

    giusbit Active Member

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    Requirements are: one banner on left one on right on the same line.
    I need the inline css and markup.

    See attachment to clarify more about the final result

    [​IMG]
     
    giusbit, Jan 27, 2014 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    Well, first problem here in diagnosing it is that your ads are blocked in every browser I use, and when I turn adblocking off, my antivirus throws a wobbly over some of the scripts... But again, this is why I don't believe in puting adverts on a website in the first place, as I trust online advertisers about as far as I could throw the big stick.

    That said, mein gott that code is a disaster; I know much of it is the steaming pile known as vBull, but even the advert code is serious whiskey-tango-foxtrot.

    Assuming the adverts are this:
    <!-- Ad code -->
    <div style="margin-top:10px;">
    <!-- TGADV -->
    <div id="ADVTG_CONTAINER_300x250_2">
       <script language="JavaScript" type="text/javascript">
       // <![CDATA[
          ADVTG.banner('300x250_2');
       // ]]>
       </script>
    </div>
    <!-- TGADV FINE TAG -->
    </div>
            <!-- / Ad code -->
    
    <!-- inizio Banner ad6 300x250 -->
    <span style="float right;">
    <script type="text/javascript">ad6b300('9q8ldxufzk');</script>
    </span>
    <!-- fine banner ad6 300x250 -->
    
    
    
    <div style="clear: left">
      <!-- inizio 728x90_3 TGADV -->
    <center>
    <div id="ADVTG_CONTAINER_728x90_3">
       <script language="JavaScript" type="text/javascript">
       // <![CDATA[
          ADVTG.banner('728x90_3');
       // ]]>
       </script>
    </div>
    </center>
    <!-- fine 728x90_3 TGADV -->
      
    </div>
    Code (markup):
    You've got an invalid style on the span (that should probably be a DIV), should be a colon there, not a space. "float:right;" not "float right;"... the first advert isn't floated at all, so there's no reason for the second one to ride up. Likewise it's got a perfectly good DIV with an ID around it, so why does it have an extra DIV? Don't even get me STARTED about the wide advert using a CENTER tag, said tag having no business on any website written after 1997.

    So first order of business is to gut the markup down to the essentials...

    <div id="ADVTG_CONTAINER_300x250_2">
       <script language="JavaScript" type="text/javascript">
          ADVTG.banner('300x250_2');
       </script>
    </div>
    
    <div id="ADVTG_INZIO_300x250_6">
    	<script type="text/javascript">
    		ad6b300('9q8ldxufzk');
    	</script>
    </div>
    
    <div id="ADVTG_CONTAINER_728x90_3">
       <script language="JavaScript" type="text/javascript">
          ADVTG.banner('728x90_3');
       </script>
    </div>
    Code (markup):
    You've got perfectly good ID's so you don't need all those extra comments -- they're not even long enough to bother with a closing comment, that's indentations job!

    Then you just need to style them, which belongs IN YOUR STYLESHEET thus:

    #ADVTG_CONTAINER_300x250_2 {
    	float:left;
    }
    
    #ADVTG_INZIO_300x250_6 {
    	float:right;
    }
    
    #ADVTG_CONTAINER_728x90_3 {
    	clear:both;
    	width:728px;
    	margin:0 auto;
    }
    Code (markup):
    Though good luck finding which stylesheet to put it in with that re-re mess inside HEAD... what with the attributes that no longer exist (like LANGUAGE on SCRIPT), willy-nilly formatting, no media targets on the stylesheet embeds, etc, etc... If I were to take a wild guess I'd say main_rollup, but since that's got the "let's sweep piss poor coding practices under the rug by stripping out all the whitespace" crap done to it, it's an uphill fight.

    Again, huge fan of vBulletin, can't you tell?
     
    deathshadow, Jan 27, 2014 IP
  7. giusbit

    giusbit Active Member

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #7
    Thank you for your analysys and time spent on it.
    But really things are easier...
    I just need a markup and inline css.

    Something like:

    <div>
    <span>banner 1 code here</span>
    <span>banner 2 code here</span>
    </div>

    that's all! :)
     
    giusbit, Jan 27, 2014 IP
  8. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #8
    You do know that you should <vince neil>never EVER never EVER EVER EVER never EVER never EVER EVER EVER</vince neil> be writing code that way, right?

    I mean, sure you could:
    <div id="ADVTG_CONTAINER_300x250_2" style="float:left;">
       <script language="JavaScript" type="text/javascript">
          ADVTG.banner('300x250_2');
       </script>
    </div>
     
    <div id="ADVTG_INZIO_300x250_6" style="float:right;">
        <script type="text/javascript">
            ad6b300('9q8ldxufzk');
        </script>
    </div>
     
    <div id="ADVTG_CONTAINER_728x90_3" style="clear:both; width:768px; margin:0 auto;">
       <script language="JavaScript" type="text/javascript">
          ADVTG.banner('728x90_3');
       </script>
    </div>
    Code (markup):
    But that type of asshat bloated bullshit defeats the entire reason to be using HTML and CSS in the first place; since there's no separation of presentation from content and that style may not apply to all your possible media targets.

    Though since you're using the ridiculously stupid code vomited up by vBull... I guess it really doesn't make a difference; more's the shame.
     
    deathshadow, Jan 27, 2014 IP
  9. giusbit

    giusbit Active Member

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #9
    it helped thanks a lot
    now the 2 banners looks good http://www.interfans.org/forum/showthread.php?149749-Politica&p=17396948#post17396948

    what is not clear to me is why u can't see the banners
     
    giusbit, Jan 27, 2014 IP
  10. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #10
    My browsers run an adblock, and my antivirus is blocking the scripts as malware. That simple.

    I don't trust online advertisers -- the antivirus throwing a wobbly is just proof of why. I would NEVER put their scam artist bull on a website, and refuse to allow them to show on sites unless I'm testing for somebody... and if I get a AV warning, false positive or no, I'm not going to turn it off just to test advert placement.

    I really don't get how anyone who's paid attention the past decade and a half would voluntarily line up for the sleazeball scum known as advertisers when it comes to running a website. You'd be better off signing up for Amway or a late-night TV "make money fast in realty"
     
    deathshadow, Jan 27, 2014 IP