Forum Moderators: not2easy

Message Too Old, No Replies

Inheriting link characteristics

         

intcon

1:08 am on Jun 18, 2010 (gmt 0)

10+ Year Member



Hi all..

My a links are inheriting the background into every other link I write...can someone help me stop it? I just want the background on the a hover to show, not on anything else...

body {
margin:0px auto;
border:0;
width:800px;
background: #5b6c8d;
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 14px;
color:black;
font-weight: bold;
}
#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 800px;
background: #cccc98;
}

#header {
margin: 0px;
height: 30px;
background: #841710;
}
#tagline {
margin: 0px;
height: 130px;
background: #cccc98;
}
#side-a {
float: left;
width: 124px;
background: #edeec4;
padding: 10px;
}
#side-a a {
display: block;
padding: 3px;
width: 124px;
}

#side-b {
margin: 0;
float: left;
width: 600px;
margin-left: 15px;
margin-right: 15px;
background: #ffffff;
padding: 10px;
height: 1% /* Holly hack for Peekaboo Bug */
}
a:link {
font: bold 14px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:visited {
font: bold 14px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:hover {
font: bold 14px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
background: #0099FF;
}
a:active {
font: bold 14px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
#prefooter {
clear: both;
background: #cccc98;
}
#footer {
clear: both;
background: #841710;
}
h1 {
font: normal 56px "Times New Roman", Times, serif;
color: #000080;
text-decoration: none;
display: inline;
}
h2 {
font: 18px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration: none;
display: inline;
}
h2 a:link {
font: 18px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration: underline;
}
h2 a:visited {
font: 18px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration: underline;
}
h2 a:hover {
font: 18px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration: none;
}
h2 a:active {
font: 18px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration: underline;
}
h3 {
font: italic bold 16px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
display: inline;
}
.left
{
text-align:left;
float:left;
clear:none;
}
.center
{
text-align:left;

}
.right
{
text-align:right;
float:right;
clear:none;
margin-right: 15px;
}
h6 {
font: bold 12px Arial, Helvetica, sans-serif;
color: #990000;
text-decoration: none;
display: inline;
}
.bnav {
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 5px 10px;
}
.bnav a:link {
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 5px 10px;
text-decoration: underline;
}
.bnav a:visited {
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 5px 10px;
text-decoration: underline;
}
.bnav a:hover {
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
padding: 5px 10px;
}
.bnav a:active {
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 5px 10px;
text-decoration: underline;
}
.marq {
font: 12px Arial, Helvetica, sans-serif;
color: #800000;
weight: bold;
}


thank you so much!

carrie

alt131

12:04 pm on Jun 19, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi Carrie,

Not sure I understand the question: The only background (and it should really be background-color) set for any links is #0099FF set on a:hover. This is being used by all other links as you say you want.