I have three different styles of links that I would like to have on page...
1. General links on the page
2. Navigation menu links
3. Page footer
The problem I'm having is that the different styles keep on affecting other ones randomly. For example, the general links on the page are supposed to be in (Verdana, Helvetica, Arial, sans-serif), however they are inheriting (monospace) from the footer?!?
I have the navigation menu setup in a div like this:
<div id="navmenu"> <a href="#">Menu Link 1</a> <a href="#">Menu Link 2</a> </div>
...and the footer setup liks this:
<div id="footer"> click <a href="#"> here </a>
Here is my CSS code:
/*NAVIGATION MENU LINK PROPERTIES*/ #navmenu a, a:link, a:visited, a:active { padding-left: 25px; padding-top: 5px; padding-bottom: 5px; font-variant: small-caps; line-height: 30px; letter-spacing: +1px; font-family: cursive; font-size: 12px;} /*NAVIGATION HOVER PROPERTIES*/ #navmenu a:hover { color: #eded0a;} /*GENERAL LINK PROPERTIES*/ a, a:link, a:visited, a:active { padding: 0px; margin: 0px; color: #f8f8f8; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; text-indent: 0px; text-align: left; font-variant: normal; text-transform: none;} a:hover { padding: 0px; margin: 0px; color: #f8f8f8; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: underline; text-indent: 0px; text-align: left; font-variant: normal; text-transform: none;} #footer a, a:link, a:visited, a:active { font-family: monospace; font-variant: normal; padding: 0px; font-size: 10px;}
Thanks for any help you can give!
[Solved] CSS Link Style Issues
Hi,
The problem lies within the css...
#navmenu a, a:link, a:visited, a:active
a:link, a:visited, and a:active do not inherit #navmenu unless you do it this way...
#navmenu a,#navmenu a:link,#navmenu a:visited,#navmenu a:active
...Same goes for the #footer also. See if this solves the problem.
- r
Awesome! Thanks!!
You are an absolute GENIUS! This worked like a charm! I can't tell you how much I appreciate the help.
[Solved] CSS Link Style Issues
You are very welcome.
- r