I am getting some warnings on my css code about font color and background color being the same.
Quote:
|
Same colors for color and background-color in two contexts #right and h2.small
|
I am using the same color text as my background but in completely different parts of the page. The only place on the page that is using #ccc font color is in the header and has a black tile repeating background and is also an image between that and the black tile background. The the content box on my page has #ccc background and black text but its in different parts of the page.
Any idea what I need to change to stop the warning?
The h1 and h2 small are whats getting the error but you can see there is no background color? Only an image and on top of that another image so i'm confused as to way its giving me problems.
HTML Code:
body {
height:100%;
background: url(/assets/images/background.png) repeat;
font-family: "Times New Roman", serif, sans-serif, Arial;}
a:link {color: #000000; text-decoration: none;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #000000;}
#header { background:url(/assets/images/header.png) no-repeat; height: 174px; width: 650px; margin: 0 auto; margin-top: 0px; margin-bottom: 0px;
}
h1.small {
font-family: "Times New Roman", serif, sans-serif, Arial;
font-size: 40px;
color:#cccccc;
text-transform:capitalize;
text-align:center;
padding-top: 80px;
line-height: 20%
}
h2.small {
font-family: "Times New Roman", serif, sans-serif, Arial;
font-size:14px;
color:#cccccc;
text-align: center;
}
link
|