If I did that then the border [on the 'a'] appears a few pixels below the bottom of the image (looks wrong).
To get it directly under the image I'd have to add margin-bottom: 0; to the 'a' which defeats the purpose of removing the underline.
----- Original Message ----- From: "Paul Novitski" <[EMAIL PROTECTED]>
| But in this case, I don't think you have to. If an image is the only thing | inside a hyperlink, why not simply remove your border from any image whose | parent is an anchor?
In a very quick test in Firefox & IE, applying {display: block;} to the linked image seems to work, but you'd have to play with it to see if this is some kind of fluke:
a
{
text-decoration: none;
border-bottom: thin solid #F00;
}
a img
{
display: block;
border: thin solid #000;
} <p><a href="#">Text link</a></p>
<p><a href="#"><img src="test.jpg" alt="" /></a></p>Paul
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
