Hi folks... I'm having a problem with my navigation. I can't seem to get the a:active to show it's styling.
- Code: Select all
ul.nav {
list-style:none;
padding-left: 0;
margin-left: 0;
padding-bottom: 5px;
padding-top: 10px;
}
ul.nav li {
display:inline;
}
ul.nav a{
border: 1px solid #FAEE98;
border-bottom: none;
padding: 5px 15px 5px 15px;
margin-right: 10px;
background-color:#000000;
text-decoration: none;
color:#FAEE98;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: medium;
}
ul.nav a:link {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: medium;
font-weight: bold;
color: #FAEE98;
}
ul.nav a:active {
border: 1px solid #333333;
color: #333333;
background-color: #FFFFFF;
font: bold medium Georgia, "Times New Roman", Times, serif;
}
ul.nav a:hover {
text-decoration: none;
color: #000000;
background-color: #FAEE98;
border: 1px solid;
I'll work on the shorthand once I get the code working.
Anyone see what the problem is?
Thanks in advance!