1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Wordpress problem, want borderless image in sidebar

Discussion in 'HTML & Website Design' started by tibor28, Nov 8, 2009.

  1. #1
    Ok guys I am starting to feel hopeless. I have been trying to figure this out for the last 2 days. Here is my site: http://www.getbackexgirlfriendadvice.com/
    I am trying to get the "Got Dumped?" advertisement image in my sidebar without any borders or background. What I did so far was insert it using a html text box and I added a background of the same color as the rest of my website so it blends. The problem is there are still white borders around the whole box. This is because of the settings in my .css file. I was able to remove them but this also removed the borders for all my other boxes and I dont want that. Is there a way to remove the borders of only this box?

    Thank You very much for suggestions
    +Rep to anoyone who figures this out :)

    This is the HTML code I am using for my banner box:



    And here are the settings for boxes from the .css file:


     
    Last edited: Nov 8, 2009
    tibor28, Nov 8, 2009 IP
  2. stuart.letterman

    stuart.letterman Guest

    Messages:
    143
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Browsers automatically add borders to images with a link.

    Have you tried removing this?

    Here's the code to kill it, add it to the CSS style sheet:

    PM me if it still doesn't work and i'll have closer look for you :)
     
    stuart.letterman, Nov 8, 2009 IP
  3. anest.baik

    anest.baik Peon

    Messages:
    272
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    i suggest more ->

     
    anest.baik, Nov 8, 2009 IP
  4. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #4
    you can apply an id for that particular div, then using css, throw that border away.. So it will affect only you particular div.. not all the boxes..
     
    fairuz.ismail, Nov 8, 2009 IP
  5. tibor28

    tibor28 Peon

    Messages:
    342
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks for suggestions guys! I dont think its a problem of the border of the image. I set the border of the image to 0 already. The border thats causing problems is the border of the whole text box. This is defined in this line:
    Have a look at my site now. I changed the padding to .0em 0em .0em 0em;

    Now the banner looks as I want it to look but my other boxes dont have borders :(

    So I am trying to figure out how to change the padding only for the box containing the banner.

    How do I do that?
     
    tibor28, Nov 8, 2009 IP
  6. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #6
    maybe you can try this
    <div id="the_box">
    <a
    href="http://9546bju7she38wbitgpcqo6xfb.hop.clickbank.net/"><img title="Banner" src="http://getbackexgirlfriendadvice.com/wp-content/uploads/2009/08/EBG_Banner1.gif" alt="Banner" width="120" height="600" /></a>
    </div>


    and in the css
    #the_box{

    padding: 0em;
     
    fairuz.ismail, Nov 8, 2009 IP
  7. tibor28

    tibor28 Peon

    Messages:
    342
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks
    Just tried it, doesnt work. Seems like the right way to go though, maybe something wrong with the coding?
     
    tibor28, Nov 8, 2009 IP
  8. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #8
    u have this page online? I can try to figure it out using firebug
     
    fairuz.ismail, Nov 8, 2009 IP
  9. tibor28

    tibor28 Peon

    Messages:
    342
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    tibor28, Nov 8, 2009 IP
  10. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #10
    i dont see any white borders actually :p
    what you want to get rid again?
     
    fairuz.ismail, Nov 8, 2009 IP
  11. tibor28

    tibor28 Peon

    Messages:
    342
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #11
    You dont see them because I set the paddings of all boxes to 0. But now the boxes look ugly. I set it to default. Have a look now.
     
    Last edited: Nov 8, 2009
    tibor28, Nov 8, 2009 IP
  12. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #12
    since u put that as widget (i supposed), i dont there isnt an easy way to fix this since the box is generated for each widget.
     
    fairuz.ismail, Nov 8, 2009 IP
    tibor28 likes this.
  13. tibor28

    tibor28 Peon

    Messages:
    342
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Yes im using a simple text-box widget with html code. Its so hard to so the easiest things on wordpress :rolleyes:

    Thanks for trying though ;) Rep added
     
    tibor28, Nov 8, 2009 IP