Image link problem

[KevinM1]

I'm using images as hyperlinks.  Unfortunately, they have a border around them signifying that they're hyperlinks.  I've tried a {border: none;}, but it doesn't remove the border.  Any ideas?

[wildteen88]

What are you applying border: none too?

[DeathStar]

dunno what you mean. ???

Images dont have boreds..
just use
[code]<a href='the link'><img scr="tha image"></a>[/code]

that always wroked for me..

[ToonMariner]

you can use the old border="0" attribute in the image tag BUT i prefer to do this..

<a href='the link' id="thislink"><span>SOME TEXT TO SHOW IF CSS IS OFF AND SCREEN READERS CAN SEE</span></a>

in in the css

a#thislink {display:block; width: 200px; height: 100px; background transparent url (images/urimage.gif) no-repeat 0 0}
a#thislink span {display:none;}

[KevinM1]

My border: none is quite literally connected to the anchor element.  In other words:
[code]
a{
   border: none;
}
[/code]

But that didn't work.

EDIT: but setting the images' border to 0 did.  Thanks, ToonMariner. :)

[wildteen88]

[quote author=Nightslyr link=topic=118208.msg483007#msg483007 date=1165879821]
My border: none is quite literally connected to the anchor element.  In other words:
[code]
a{
  border: none;
}
[/code]

But that didn't work.

EDIT: but setting the images' border to 0 did.  Thanks, ToonMariner. :)
[/quote]

With that you are telling your browser to give links no border, what you'll want to do is this:
[code]a img {
    border: none;
}[/code]
This will now tell the browser to give any image within an anchor no borders. Its the image thats got the border not the link.