I have been working on this and I'm a bit stumped right now. The links on the left side box are not showing the active status that I've coded.
Here's a link to my site so you can see what I mean:
http://hollibmedia.c o m/lee-test
When you're on an active page, the link is supposed to stay #FFC, but it reverts back to the green.
Code:
/* LINK FORMATTING */
a img {
border: none;
}
a:link {
color: green;
text-shadow: 1px 1px #666666;
text-decoration: none;
}
a:visited {
color: #339900;
text-shadow: 1px 1px #666666;
text-decoration: none;
}
a:hover {
color: #FFC;
text-shadow: 1px 1px #666666;
}
a:active {
color: #FFC;
text-shadow: 1px 1px #666666;
}
.leftBoxContainer {
/* border: 1px solid #ffffff; */
margin-top: 1.5em;
}
.sideBoxContent {
font-size: 2em;
/* background-color: #ffffff; */
padding: 0.4em;
}
.sideBoxContent a:link {
text-shadow: 1px 1px #666666;
color: green;
text-decoration: none;
}
.sideBoxContent a:visited {
color: #339900;
text-decoration: none;
}
.sideBoxContent a:hover {
color: #FFC;
}
.sideBoxContent a:active {
color: #FFC;
}
Also, when I took the shadow effect out of the regular links (not the .sideBoxContent links), just part of the links retained the shadow effect and I'm not sure why.
Any help that can be given would be greatly appreciated! If any more information is needed, please let me know.
~HB
Bookmarks