Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Apr 2012
    Posts
    84
    Thanks
    4
    Thanked 0 Times in 0 Posts

    IE images getting unwanted border colors

    Like the topic says, I have small social icon .png's (tried jpg's) that display an unwanted blue border around the dimensions of the icons. This problem is only found in IE. Any ideas of how to get right of them? Will post code if needed.
    Last edited by Vytfla; 08-02-2012 at 06:09 PM.

  • #2
    Regular Coder
    Join Date
    Nov 2010
    Posts
    373
    Thanks
    46
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Vytfla View Post
    Like the topic says, I have small social icon .png's (tried jpg's) that display an unwanted blue border around the dimensions of the icons. This problem is only found in IE. Any ideas of how to get right of them? Will post code if needed.
    Try adding the the image styles:

    Code:
    _border: none;

  • #3
    New Coder
    Join Date
    Apr 2012
    Posts
    84
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by MrTIMarshall View Post
    Try adding the the image styles:

    Code:
    _border: none;
    Ah I'm an idiot, that worked, thanks. Do I have to do the underscore before? I did it without (in my regular CSS file, not an IE specific one) and it worked.

  • #4
    Regular Coder
    Join Date
    Nov 2010
    Posts
    373
    Thanks
    46
    Thanked 1 Time in 1 Post
    The underscore is for Internet Explorer, as you said it's not happening in Chrome or Fire Fox.

  • #5
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Add this to your stylesheet

    Code:
    img {border:none;}

  • #6
    New Coder
    Join Date
    Apr 2012
    Posts
    84
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by MrTIMarshall View Post
    The underscore is for Internet Explorer, as you said it's not happening in Chrome or Fire Fox.
    Right, that's what I gathered, but I did it without it and it still worked...

    And tempz, that's what I did and it worked, so thanks.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •