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/