CSS link problems
-
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: ****************************************************
**************************************************** ...and the footer setup liks this: ****************************************************
click here **************************************************** 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!
-
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: ****************************************************
**************************************************** ...and the footer setup liks this: ****************************************************
click here **************************************************** 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!
That is because you have specified the id for the a and a:hover elements only, the a:link, a:visited and a:active also need the id:
#navmenu a, #navmenu a:link, #navmenu a:visited, #navmenu a:active { #footer a, #footer a:link, #footer a:visited, #footer a:active {--- b { font-weight: normal; } -
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: ****************************************************
**************************************************** ...and the footer setup liks this: ****************************************************
click here **************************************************** 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!
Thanks for the responce. That worked perfectly!