Unwanted borders on linked images in IE

[chomedey]

Hi there,

 

I've looked in the archives for something on this because I'm sure it's a common problem, but so far I've found nothing.

 

I have a bunch of linked images on my site, and I have specified in my css that all images should have a 1 pixel grey border.

 

img

{

border:1px solid grey;

}

 

a:link img {border:1px solid grey;}

a:visited img {border:1px solid grey;}

a:hover img {border:1px solid grey;}

a:active img {border:1px solid grey;}

 

This works fine in safari, firefox and chrome, but in IE it's putting these godawful default link color borders around them.

 

What can I do to get rid of them?  Any ideas?

 

Cheers.

 

Julian

[JustLikeIcarus]

Looks like its due to you having a border defined for the img inside of the link but nothing set for the link itself to its getting the default border.  Try adding this to the css.

 

a {
border-style:none;
}

 

[chomedey]

Thanks.  I do not have a PC to test it on close at hand but will do so asap.

 

Much appreciated.

 

Julian

[patriklko]

it seems that you need a solid grey border permanently for the image which is used as a link whether the link state is active, visited, hover so try putting the border in the image itself and set the property border=0, it will solve the problem for all the browsers and u can have border also gets displayed with the image..........

[chomedey]

Are you suggesting I do this with CSS?  Or draw the border with PHP once the images are uploaded (I haven't drawn with PHP but I know it's possible)?

 

Clarification much appreciated.

 

Cheers.

 

Julian

[TeddyKiller]

Sometimes setting the border=0 in the img tag works.