...

View Full Version : Validating CSS: Same colors for color and background-color in two contexts



crmpicco
10-07-2007, 01:06 PM
I have these two errors coming up in my CSS when I validate it. Can anyone tell me how I can fix them? As I have tried to get it to validate without any luck.
===========================================
11 Same colors for color and background-color in two contexts .menu and a:link
11 Same colors for color and background-color in two contexts .main_table and a:link
===========================================



/*
AyrshireMinis.com
CSS Stylesheet
27-Sep-2007
*/

BODY {
background-color: #003300;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFFFFF;
}
a:active {
color: #FFFFFF;
}
a {
text-decoration: none;
}
.text_small {
color: #FFFFFF;
font-family: Verdana;
font-size: 8pt;
}
.text_v_small {
color: #FFFFFF;
font-family: Verdana;
font-size: 7pt;
}
.text_v_small_dark {
color: #000000;
font-family: Verdana;
font-size: 7pt;
}
.text_small_dark {
color: #000000;
font-family: Verdana;
font-size: 8pt;
}
.text_head {
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
}
.textbox {
font-family: Verdana;
font-size: 8pt;
}
.select_small {
font-family: Verdana;
font-size: 8pt;
}

.foot {
background: none;
vertical-align: top;
}

#submit {

font-family: Verdana;
font-weight: bold;
font-size: 8pt;
}

.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
font-weight : bold;
height : 31px;
border-top : 1px solid #cccccc;


}
.footer a:link, .footer a:visited {
font-size : 10px;
color : #666666;
text-decoration : none;
font-weight : bold;
}
.footer a:hover {
font-size : 10px;
color : #999999;
text-decoration : none;
font-weight : bold;
}

.footer_colour {
background-color: #003300;
text-align: center;
font-size: 8px;
}

.select {
font-family: Verdana;
font-size: 10px;
}

.menu_item {
width: 20%;
text-align: center;
background-color: #003300;
border: 2px solid #000000;
font-family: Verdana;
color: #FFFFFF;
font-size: 11px;
}
.menu_item_alt {
width: 20%;
text-align: center;
background-color: #006600;
border: 2px solid #000000;
font-family: Verdana;
color: #FFFFFF;
font-size: 11px;
}
.menu {
width: 100%;
/*color: #FFFFFF;*/
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
}
.menu_lang {
vertical-align: bottom;
width: 100%;
}
.menu_banner {
width: 750px;
vertical-align: bottom;
}
.link_dark {
color: #000000;
}
.main_table {
text-align: left;
width: 100%;
height: 100%;
background-color: #FFFFFF;
}
.sec_table {
text-align: left;
width: 100%;
height: 100%;
}
.gallery_table {
border: 2px solid #003300;
width: 80%;
text-align: center;
}
.heading {
font-family: verdana;
font-size: 14px;
}
.sub_heading {
font-family: verdana;
font-size: 12px;
}


Cheers,
Picco

BarrMan
10-07-2007, 03:30 PM
If the white is the default background-color, why define it again?
I think you should ignore this warning since it just warns you that you picked the same colors for some elements.

crmpicco
10-07-2007, 06:55 PM
cheers, tried changing the background-color and now validates fine:

http://jigsaw.w3.org/css-validator/validator?uri=www.ayrshireminis.com/inc/style.css

Nice one :-)

Picco



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum