3 replies [Last post]
PHPJack77
Offline
newbie
Albuquerque, NM
Last seen: 14 years 24 weeks ago
Albuquerque, NM
Timezone: GMT-6
Joined: 2006-06-13
Posts: 2
Points: 0

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!

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 11 years 37 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

[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. Smile

- r

PHPJack77
Offline
newbie
Albuquerque, NM
Last seen: 14 years 24 weeks ago
Albuquerque, NM
Timezone: GMT-6
Joined: 2006-06-13
Posts: 2
Points: 0

Awesome! Thanks!!

You are an absolute GENIUS! This worked like a charm! I can't tell you how much I appreciate the help. Laughing out loud Laughing out loud Laughing out loud

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 11 years 37 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

[Solved] CSS Link Style Issues

You are very welcome. Laughing out loud

- r