How can I remove the border from link images?

[akohl]

How can I remove the border from link images?
I have an annoying reddish border around my next/previous link images.
How can I remove them?

Thanks in advance!

I've got the following link on a page;
<td><a href="link.htm><IMG SRC='../images/fingeron.gif' ALT='next'></a></td>

The style sheet looks like this;

A:link
{
COLOR: mediumblue;
TEXT-DECORATION: none
}
A:visited
{
COLOR: darkblue;
TEXT-DECORATION: none
}
A:active
{
COLOR: royalblue;
TEXT-DECORATION: underline
}

[Kelar]

Implement this in your image-tag: border="0". This should get rid of your borders.

[akohl]

Thanks a lot. That was sure fast!

[duckie]

Or you could do something like:

img {border: 0px}

The advantage this has over the border="0" attribute is future-proofing, the disadvantage of course is this does not work with older browsers.

[qslack]

Duckie's example would remove the border from every image on your site. If you only want to remove it from a few, add this to your IMG tag:

style="border:0px" border="0"

You probably should use both the style and the border attributes so that it'll work for old and future browsers...

[duckie]

Originally posted by qslack
Duckie's example would remove the border from every image on your site.

Oh...yeah, something I've neglected to mention, but then I haven't met an image whose border I did not want to remove.