Re: HWG link colours

Jeff,

For a start, leave out the vlink attribute of body (which is invalid anyway
as the # is missing). Then make sure your link pseudo-classes are defined in
the right order. That is, link, visited, hover, active:

>in my body tag I have left all tags unchanged and set vlink="CC9933"

>in stylesheet:

>a:active {  color: #FFCC00; text-decoration: underline}
>a:hover {  color: #FFCC00; text-decoration: underline}
>a:link {  color: #CC9933; text-decoration: underline}
>a:visited { text-decoration: underline;}

and that you use the right syntax for a class with a pseudo-class:

selector.class:pseudo-class { property: value }

 - compare a.botlinks:whatever with your code:

>a:botlinks.active {  color: #FFCC00; text-decoration: underline}
>a:botlinks.hover {  color: #FFCC00; text-decoration: underline}
>.a:botlinks.link {  color: #000000; text-decoration: underline}
>.a:visited.botlinks { color: #000000; text-decoration: underline;}

I suggest you might try using the W3C's jigsaw CSS validator to trap errors
like that if you can't justify buying TopStyle or similar.

Lois Wakeman

------------------------------------------------------
http://lois.co.uk
http://siteusability.com
http://communicationarts.co.uk
------------------------------------------------------

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA