[thelist] Link Style Specification

djinn at darkdesigns.org djinn at darkdesigns.org
Thu Feb 27 12:50:10 CST 2003


I have a link menu that consists of logos with explanatory text like this:

<a HREF="http://caine.camarilla.ca/"><img
src="images/caine_banner_150x64.gif" width="150px" height="64px" alt="CAiNE
Event Image"><br>The Canadian National Event<br>Mar. 20-23, 2003<br>London,
Ontario, Canada</a>

If I have my links styled like this:

A:link { COLOR: #009933 }
A:visited { COLOR: #009933 }
A:hover { COLOR: #CC3300 }
A:active { COLOR: #009933 }

Looking at it in N6 and IE5.5, why aren't the link borders around the images
the same color as the link text? And if I have my links styled like this:

A:link { COLOR: #009933; border: 0 }
A:visited { COLOR: #009933; border: 0 }
A:hover { COLOR: #CC3300 }
A:active { COLOR: #009933; border: 0 }

Why doesn't this negate the link borders around the images except in the
<hover> state?

The links in question have no other classes or ids. Am I specifying this
incorrectly? Or does this work in newer browsers?
--
Jean Peterson






More information about the thelist mailing list