I'm trying to set up my CSS for when a link is selected, it stays one color, until another link is selected. Imagine it as when a page comes up, the link that corresponds to that page stays a certain color. The normal color of the links is black, hover is gold, selected should be gold, visited is dark brown. Am I missing something in the a:active part? Here's all the CSS code for my links...
div#navigationlinks {
clear: both;
float: left;
top: 90px;
left: 15px;
width: 200px;
}
div#navigationlinks ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: rgb(0,0,O);
text-decoration: none;
text-transform: uppercase;
font-weight: lighter;
list-style-type: square;
margin-top: 5px;
line-height: 110%;
}
div#navigationlinks ul a:link {
color: rgb(0,0,0);
text-decoration: none;
}
div#navigationlinks ul a:visited {
color: rgb(139,69,19);
text-decoration: none;
}
div#navigationlinks ul a:active {
color: rgb(255,215,0);
text-decoration: none;
}
div#navigationlinks ul a:hover {
color: rgb(255,215,0);
text-decoration: none;
}
Thanksexactly what color do u want it to stay?
and normally i think i'd put hover before active..
this page might or might not be useful, depending on what u wanna do.. random google
Link Specificity (<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/link-specificity.html">http://www.meyerweb.com/eric/css/link-specificity.html</a><!-- m -->)I would like it to stay the gold color, which is the same color as the hover color. I'll put hover before active like you said. Let me know if I should put all the code I have for a better visual understanding. Thanks for your help.
div#navigationlinks {
clear: both;
float: left;
top: 90px;
left: 15px;
width: 200px;
}
div#navigationlinks ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: rgb(0,0,O);
text-decoration: none;
text-transform: uppercase;
font-weight: lighter;
list-style-type: square;
margin-top: 5px;
line-height: 110%;
}
div#navigationlinks ul a:link {
color: rgb(0,0,0);
text-decoration: none;
}
div#navigationlinks ul a:visited {
color: rgb(139,69,19);
text-decoration: none;
}
div#navigationlinks ul a:active {
color: rgb(255,215,0);
text-decoration: none;
}
div#navigationlinks ul a:hover {
color: rgb(255,215,0);
text-decoration: none;
}
Thanksexactly what color do u want it to stay?
and normally i think i'd put hover before active..
this page might or might not be useful, depending on what u wanna do.. random google
Link Specificity (<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/link-specificity.html">http://www.meyerweb.com/eric/css/link-specificity.html</a><!-- m -->)I would like it to stay the gold color, which is the same color as the hover color. I'll put hover before active like you said. Let me know if I should put all the code I have for a better visual understanding. Thanks for your help.