Little Help With My Sidebar Plz....

Discussion in 'HTML & Website Design' started by mystery, Jul 19, 2008.

Thread Status:
Not open for further replies.
  1. #1
    Hello,

    Messed up a little something at the very top of my sidebar... you can see how the top div block with the sponsored ads is shifted more to the left, causing the problem:

    http://www.mysteryautoincome.com

    here is the code for the top portion of the sidebar with the problem.... :

    
    
    <div id="sidebars">
    
    <div id="subrss">
    <a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/kkl.gif" alt="feeds" /></a><br />
    Subscribe to our article via RSS
    
    </div>
    
    
    
    
    
    
    <br/>
    
    <p>
    
    <center>
    <strong>
    Translate To Your Language!
    </strong>
    <p/>
    <?php if(function_exists('tgCreateTranslatorBar')) tgCreateTranslatorBar(); ?>
    <p/>
    </center>
    </p>
    
    
    
    
    
    
    
    
    </div>
    
    
    
    
    <div id="ads-blk">
    <div class="top-tab"></div>
    
    
    <div class="tab-content">
    
    <img src='http://www.mysteryautoincome.com/Images/Bassam%20Saeed%20(aka%20Mystery).jpg' width="112" height="135" border='0' alt='Bassam Saeed ( aka Mystery )- MysteryAutoincome.com' /></a>
    <br/>
    <p/>
    
    
    <h3>Sponsors</h3>
    <div class="ads-sponsors">
    
    
    <a href="http://www.projectpayday.com/go/1035971">
    <img src="http://www.projectpayday.com/images/banners/125125.gif" border="0"></a>
    
    <a href='http://www.mysteryautoincome.com/3waylinks-scam-honest-review/' target="_blank"><img border='0px' src='http://www.mysteryautoincome.com/Images/3waylinks-the-links.jpg' border='0' width="125" height="125" /></a>
    
    <a href="http://www.thousanddollarcommission.com/129543" target="_blank"><img border="0" src="http://www.mysteryautoincome.com/Images/reverse-funnel-system-sponsor.gif" width="125" height="125" /></a>
    
    <a href="https://www.e-junkie.com/ecom/gb.php?ii=68188&c=ib&aff=17118&ev=1883f6befe" target="ejejcsingle"><img src="http://i254.photobucket.com/albums/hh92/eblogtemplates/ads/125_125.jpg" border='0' width="125" height="125" /></a>
    
    <a href="http://www.mysteryautoincome.com/contact-us/" target="ejejcsingle"><img src="http://www.mysteryautoincome.com/Images/youradhere2.jpg" width="125" height="125" /></a>
    
    <a href="http://www.mysteryautoincome.com/contact-us/" target="ejejcsingle"><img src="http://www.mysteryautoincome.com/Images/youradhere2.jpg" width="125" height="125" /></a>
    
    <p>Want to put your ad banner here? <a href="http://www.mysteryautoincome.com/contact-us/">Contact Us!</a></p>
    
    <p/>
    
    <br/>
    
    <br/>
    
    <!-- Start of CbproAds.com Banner Rotator -->
    <script type="text/javascript"><!--
    cb_ad_member = "26705"
    cb_ad_format = "300x250_as"
    cb_ad_category = "5%2D10%2C+5%2D6052%2C+6%2D8483%2C+6%2D7657%2C+6%2D8382%2C+6%2D6310%2C+6%2D4619%2C+6%2D21%2C+6%2D9767%2C+6%2D7405%2C+6%2D8268%2C+6%2D2526"
    cb_ad_channel = "AutoincomeSponsoredButton1"
    cb_ad_selection = "random"
    cb_ad_keyword = ""
    cb_ad_productivity = "pop"
    cb_ad_border = "#F0F0F0"
    cb_ad_bg = "#F0F0F0"
    cb_ad_link = "#990000"
    cb_ad_text = "#333333"
    //--></script>
    <script type="text/javascript" src="http://www.cbproads.com/adsense_br.js"></script><div align=left><font size=1><a href=http://www.cbproads.com/refer.asp?id=26705 target=_blank></b>Ads By CbproAds</a></div>
    <!-- End -->
    
    
    
    </div>
    <div class="bot-tab"></div>
    </div>
    
    
    
    </div>
    
    
    Code (markup):
     
    mystery, Jul 19, 2008 IP
  2. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try floating ads-blk div right instead of left. Also, the bot-tab div is inside the ads-sponsors div, so try putting it under that div.
     
    Cash Nebula, Jul 19, 2008 IP
  3. dashenman

    dashenman Active Member

    Messages:
    71
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    63
    #3
    Try this code (copy and paste - overwriting the same code in your sidebar):

    <div id="sidebars">

    <div id="subrss">
    <a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/kkl.gif" alt="feeds" /></a><br />
    Subscribe to our article via RSS</div><br />

    <div align="center">
    <strong>
    Translate To Your Language!
    </strong>
    <div/><br />

    <?php if(function_exists('tgCreateTranslatorBar')) tgCreateTranslatorBar(); ?>
    <p/>
    </center>
    </p>
     
    dashenman, Jul 19, 2008 IP
  4. mystery

    mystery Banned

    Messages:
    744
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Tried it... works good for the upper part, but also messes the lower links table and shifts them to the center..... had to change the <div align="center"> to <div align="left">.. that fixed the problem... also added the missing closing </div> at the end of the sponsored ads block.

    Thanks for the help!
     
    mystery, Jul 20, 2008 IP
Thread Status:
Not open for further replies.