i am setting up text navigation and need to have 2 differnt sets of link styles.
the problem i am running into is that when i set up my links the 2nd style changes to the default color.
Quote:
/* Start Body */
body {
background-color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
a:link {
background-color: transparent;
text-decoration: none;
color: #333333;
}
a:active {
background-color: transparent;
text-decoration: underline;
color: #660000;
}
a:visited {
background-color: transparent;
text-decoration: none;
color: #333333;
}
a:hover {
background-color: transparent;
text-decoration: none;
color: #666666;
}
.text {
font-family: Verdana;
font-size: 10px;
color: #000000;
}
/* End Body */
/* Misc Styles */
.nav {
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
letter-spacing: 0.1em
}
.footer {
font-family: Verdana;
font-size: 9px;
color: #FFFFFF;
}
/* End Misc Styles */
|
then i am using <span class='nav'> link stuff here </a> and it changes to the a:link color.
any suggestions ?