|
My a:visited link is not working correctly.
I am working on an assignment for my html5 web development class and I am having trouble with my navigation bar the color that I assign to the a:visited link ends up being the background color for the whole navigation links and it doesn't change when one has been visited. Here is my code :
[#nav {
padding: 5px;
font-weight: bold;
float: left;
width: 160px;
padding-top: 20px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px; }
#nav a { text-decoration:none;
display: block;
text-align: center;
font-weight: bold;
border: 3px outset #cccccc;
padding: 5px;
color: #ffffff;
}
#nav a:link { color: #ffffff;
background-color: #000033; }
#nav a:visited { background-color: #90c7e3; }
#nav a:hover {border: 3px inset #666666;
background-color: #3399cc; } ]
So the visited link color is supposed to be #90c7e3 just like I have it written but instead it makes all of the navigation buttons that color and it does not change color when one of the links are visited. Also if I change that color it once again changes the whole navigation bar color rather then changing when a link is visited. I would really appreciate any help I could get because this is driving me a little crazy lol... :-)
|