Hi folks!
I have a simple question about the link, visited, hover, active and
focus pseduoclasses. Everything works fine up until I get to the active
tag. If a visitor is on (say) the Home page, I want the Home link to be
high-lited. Since the w3schools page describes the active pseudoclass
as " /* selected link */ ," it appears to me that it should be the
link currently in use.
Maybe the active pseudoclass doesn't do that, but then I fail to see
what the point of it would be. (Nor did I see anything in the
css-discuss wiki.) Here's the relevant code. Maybe one of you fine
folks will see what I've done wrong.
a:link{color:#fbd012; font-weight:700;}
a:visited{color:#b5d8f8; font-weight:700;}
a:hover{color:#cd5c5c; background:orange; text-decoration: underline
overline; font-weight:700;}
a:active{color:#cd5c5c; background:orange; text-decoration: underline
overline; font-weight:700;}
a:focus{color:#b5d8f8; background:orange; text-decoration: dashed;
font-weight:700;}
If I've done something wrong in the above, just hit reply now because
you won't need to see the rest. Below this is where I work through what
I've been trying to do.
a:link{color:#fbd012; font-weight:700;}
[This should make links a certain color and bold, right?]
a:visited{color:#b5d8f8; font-weight:700;}
[Visited links should be a certain color and bold.]
a:hover{color:#cd5c5c; background:orange; text-decoration: underline
overline; font-weight:700;}
[This makes the links, when hovered over, have an orange background
with underline and overline and bold.]
Still with me? Everything seems to work as intended until I get to this
part.
a:active{color:#cd5c5c; background:orange; text-decoration: underline
overline; font-weight:700;}
[As I've set this up, I want the current page link to show as if it was
being hovered over. It doesn't _have_ to be, but it doesn't seem to
matter what I put in here. It won't do anything in any of my browsers
on any of my computers.]
a:focus{color:#b5d8f8; background:orange; text-decoration: dashed;
font-weight:700;}
[This is residual from testing but has no effect in any of the browsers
I've tried either. I thought maybe I needed it to make the active tag
work.]
So why isn't the link to the active page high-lited orange? I'm sure
there's SOMETHING I don't know or am overlooking.
If, for some reason, you want to see it in action, it's at
http://www.artpatient.com/sod.php and the css file is at
http://www.artpatient.com/test.css
Thanks!
Delos
http://www.artpatient.com
See the Frog Pond Webcomic, sketches, caricatures and more!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
