How To Implement Boxed Ads in My WordPress Sidebar, Thanks For Your Help!

Discussion in 'HTML & Website Design' started by smallfishbigmoney, Jun 21, 2008.

  1. #1
    Hey everyone,

    I'll get straight to the point.

    WEBSITE:
    http://smallfishbigmoney.com

    PROBLEM: I want to have [125x125] sidebar ads on my right sidebar...as illustrated below

    [​IMG]

    There's one problem, whenever I try and implement them, my h3 tags (which are the titles for the links below them, Recent Posts, Categories etc...) Fill the space behind the ads with a dark blue colour - which I do not want; I want the space behind the ads to be the light blue colour.

    Your help and suggestions are hugely appreciated as always!

    Many Thanks and Kind Regards,
    Fabien
    http://smallfishbigmoney.com


    *FOR YOUR CONVENIENCE - THE CSS/HTML CODE*

    HTML

    <h3>Ads At SmallFishBigMoney.Com</h3>
    <div style="margin: 0px 0px 5px 0px;">
    <div id="sfsponsors">
    <div class="sponsor">
    <a rel="nofollow" href="http://doiop.com/adsensesecrets4">
    <img src="https://www.mcssl.com/merchantLogos/71064/as4-125x125.jpg" alt="AdSense Secrets" border="0" class="adimage"></a>
    <br><img src="http://www.1shoppingcart.com/app/?Imp=2388686" width="0" height="0" border="0">
    </div>
    <div class="sponsor">
    <a rel="nofollow" href="http://doiop.com/linkconnector">
    <img src="http://www.linkconnector.com/traffic_record.php?lc=021515005758001435" border="0" alt="Are your links naked yet?" class="adimage"></a>
    </div>
    <div class="sponsor">
    <a rel="nofollow" href="http://doiop.com/wordtracker" >
    <img src="http://www.linkconnector.com/traffic_record.php?lc=021515021265003072" border="0" alt="Wordtracker Keyword Research" class="adimage"></a>
    </div>
    <div class="sponsor">
    <a rel="nofollow" href="http://doiop.com/ttzmedia">
    <img src="ttzmedia.png" border="0" alt="Make Money Now! Sign Up for TTZ Media, Display Tech Ads!" class="adimage"></a>
    </div>
    </div>
    </div>

    CSS

    #sfsponsors
    {
    width: 320px;
    float: left;
    margin: 0;
    padding: 0;
    }

    div.sponsor
    {
    width: 160px;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    }

    img.adimage
    {
    margin: 5px 10px 5px 10px;
    padding: 0;
    display: block;
    float: left;
    }

    Thank You,
    Fabien :D
     
    smallfishbigmoney, Jun 21, 2008 IP
  2. winsoar

    winsoar Well-Known Member

    Messages:
    1,363
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    108
    #2
    I would suggest removing the H3 tags and using inline styles instead.
     
    winsoar, Jun 21, 2008 IP
  3. smallfishbigmoney

    smallfishbigmoney Active Member

    Messages:
    176
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #3
    What exactly do you mean by 'inline styles' ?
     
    smallfishbigmoney, Jun 21, 2008 IP
  4. BANAGO

    BANAGO Active Member

    Messages:
    456
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    58
    #4
    I do not see your problem in the code you provided.
     
    BANAGO, Jun 21, 2008 IP
  5. winsoar

    winsoar Well-Known Member

    Messages:
    1,363
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    108
    #5
    Ie use <span style="......."></span> to format the text just how you want it.
     
    winsoar, Jun 21, 2008 IP