Page 1 of 1

Question regarding IE/Image's

Posted: Tue Jan 10, 2012 6:24 pm
by Goofan
Hey,
So I got my site up to speed and all so I do a simple browser compatability check.
It works on all but on IE I see a small but a big visuall problem.

the image of my "buttons" got like a border around it.

the image is a .png and works fine on all other browsers but on IE it gets a black 1-2px border.
I got nothing in my Css file to indicate creating a border around them in IE or eny other browser for that matter.

I do realize this might not be a PHP problem but I know there are alot of experienced developers here which might know the answer.

Anyone got a solution or a small idea on what might make this problem of mine?

Regards,
Thomas

Re: Question regarding IE/Image's

Posted: Tue Jan 10, 2012 7:40 pm
by lenton
This is a CSS issue.

By default, IE borders images that are within a tags. To remove the border simply add this to your CSS code:
[text]a img { border: 0; }[/text]

Re: Question regarding IE/Image's

Posted: Wed Jan 11, 2012 4:20 am
by Goofan
Thank you that fixed it.
Never knew that problem even existed before.

Regards,
Thomas

Re: Question regarding IE/Image's

Posted: Wed Jan 11, 2012 6:26 am
by twinedev
Oh, there a are a ton of quirks for IE when it comes to CSS... Especially if you want to work across different versions. (which is there is a death cry for IE 6 by professionals)

-Greg