I have gray borders around my images in firefox and IE

Discussion in 'CSS' started by mikeonthebeach, Sep 30, 2009.

  1. #1
    I hope this is the right forum?

    I think it's a css problem.

    I have gray borders around my images in firefox and IE when using a black background colour. I cannot see how to get rid of them.

    On this page they are around the bookmark images but they appear on all other images too.


    http://www.thealgarvepropertymarket.com/test.php


    Any ideas?

    Thanks

    Mike
     
    mikeonthebeach, Sep 30, 2009 IP
  2. Spawny

    Spawny Well-Known Member

    Messages:
    252
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    #2
    its because you have it that way on your csss

    
    img {
    	border: 4px solid #C4C2C2;
    }
    
    Code (markup):
     
    Spawny, Sep 30, 2009 IP
  3. Earn at Home

    Earn at Home Peon

    Messages:
    240
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    go to your css file
    http://thealgarvepropertymarket.com/blog/wp-content/themes/midnight/style.css
    Code (markup):
    and change the img class border from 4 to 0 to remove the gray background

    img {
    border:0 solid #C4C2C2;
    }
    Code (markup):
    or you can remove the border:4 solid #C4C2C2;

    hope it helped
     
    Earn at Home, Sep 30, 2009 IP
  4. Spawny

    Spawny Well-Known Member

    Messages:
    252
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    #4
    or you can try

    
    img{
    border:0;
    }
    
    Code (markup):
     
    Spawny, Sep 30, 2009 IP
  5. b.krishna

    b.krishna Well-Known Member

    Messages:
    39
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    106
    #5
    You can also set border 0 directly in html img tag.

     
    b.krishna, Sep 30, 2009 IP
  6. tag44

    tag44 Peon

    Messages:
    272
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Just make the suggested little change in your site CSS file and your problem would be solve for ever.
     
    tag44, Sep 30, 2009 IP
  7. mikeonthebeach

    mikeonthebeach Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thank you. I found that commenting out did the job.

    /* border: 4px commented out
    img {
    border: 4px solid #C4C2C2;
    }
    */

    I really appreciate your help there. I was looking everywhere except where I needed to.

    Thanks again, have a great day
    :)

    Regards

    Mike
     
    mikeonthebeach, Sep 30, 2009 IP