Hey guys, I want to have two different groups of links do different things. What am I doing wrong…
/*#######################################################
Header / Header Links
#######################################################*/
#header{
width: 100%;
height: 75px;
position: relative;
}
#header .title{
position: relative;
width: 400px;
margin:0px;
}
#header .logo{
position: relative;
margin:0px;
}
#header .whatsnew{
position: absolute;
right: 100px;
bottom: 0px;
text-align:center;
margin-right: 50px;
}
#header .contactus{
position: absolute;
right: 10px;
bottom: 0px;
text-align: center;
}
#header a:link, a:visited{
text-decoration: none;
font-family: Arial;
color: #69BFF4;
font-weight: bolder;
font-size: 17px;
}
#header a:hover, a:active {
text-decoration: underline;
}
/*#######################################################
Text Styles
#######################################################*/
h3 {
font-family: Arial;
font-size: .8em;
font-weight: 600;
}
/*#######################################################
Body Nav
#######################################################*/
#bodynav ul{
margin: 0;
padding: 0;
list-style-type:none;
width: 275px;
}
#bodynav li, a:link, a:visited{
text-decoration: none;
font-family: Arial;
color: white;
font-weight: normal;
font-size: 12px;
background-image:url('../images/navbg.jpg');
}
The header links worked fine until I got the bodynav links going and they over-ride the header links, to make them all look the same. What am I doing wrong that I don’t differentiate them?
