Newbie hover question -
11-04-2003
, 09:40 PM
Here's a question that doesn't seem to be covered in the FAQ, quite:
I have these lines in a stylesheet:
a:link, a:visited {text-decoration: underline;}
a:link {color: #006699;}
a:visited {color: #663300;}
a:visited:hover {color: #cc6633;}
a:link:hover {color: #0099cc;}
a:link:active, a:visited:active {color: #ffd700;}
The idea was to have separate hover colors for unvisited and
visited links (so that essentially each would appear brighter
than the unhovered version). Also, if I used a:hover, I found
that Opera 7 would apply that style to <a name> tags. The Lie/Bos
book (do you call it the Orange Book?) seems to back up the
syntax here.
Anyway, these styles work fine in O7, but IE6 (or IE4) just
applies the last-defined hover style to both visited and unvisited
links. (I put the link hover style after the visited hover style
as a compromise, thinking that most visitors would be looking at
unvisited links most of the time.) But is there a more standard way
to do this? |