can't make my link boxes go away

Hi

The box around my button images won't go away.

I have used this combination of html and css before and it worked. I must be doing something wrong because my boxes won't go away. Can anyone spot what it is.

<p>
<a href="pages/faq.html">
<img src="images/faq.gif" alt="FAQ Button" /></a>
</p>



a:link {
text-decoration: none;
}



a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

Thanks

 

<a href="xyz"><img src="images/faq.gif" alt="FAQ Button" border="0"/></a>

or

img a {border:0;}

 

The css that you are using doesn't apply to images and only to text. You will need to use "img a {border:0;}" as yiam said. Also in future instead of using a:link, a:visited etc just use a if you want them all the same.

 

Other way around.

a img, a:hover img {
  border: 0;
}

Code (markup):