Hi Guys & Gals,
I’m having some problems with my css validation. Does anyone see whats I should do to correct these warnings? From what I can tell I need both of these colors tags. Is there a way i can make a change that puts global font effects for the whole site? My goal is to have the same font settings through out the site.
Thanks for all the help and advice.
[QUOTE]
Warnings (2)
URI : TextArea
3rd line:
Same colors for color and background-color in two contexts #nav li a:hover and body
26th line:
Same colors for color and background-color in two contexts #nav li a:hover and #nav li a
[CODE]body {
margin:0px;
color:#FFF;
width:auto;
height:100%;
background:url(image/background.jpg) center no-repeat;
}
a:link { color: #c00; }
a:visited { color: #ccc; }
#nav {
width: 500px;
margin-left:auto;
margin-right:auto;
list-style: none;
background-color: #000;
}
#nav li {
float: left;
}
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #FFF;
}
#nav li a:hover {
color: #000;
background-color: #FFF;
}
/* End navigation bar styling. */
#wrap {
width: 886px;
height:120px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
background-color: #000;
filter:alpha(opacity=50);
opacity:0.8;
}
h1 {
font-size:30px;
padding-top:20px;
color: #FFF;
background-color: #000;
margin: 0;
text-align:center;
}
#content {
padding: 0 50px 50px;
}
div.boxholder
{
width:910px;
margin-left:auto;
margin-right:auto;
position:relative;
}
.boxs{
position: relative;
width:280px;
height:300px;
margin-top:20px;
margin-left:10px;
margin-right:10px;
margin-bottom: 100px;
float: left;
background-color:#000;
filter:alpha(opacity=50);
opacity:0.8;
}