Go4Expert

Go4Expert (http://www.go4expert.com/)
-   Website Monetization (http://www.go4expert.com/forums/website-monetization-forum/)
-   -   Warnings in CSS File (http://www.go4expert.com/forums/warnings-css-file-t18728/)

naimish 28Jul2009 15:59

Warnings in CSS File
 
Now when I resolved the HTML warnings, I am now getting warnings in CSS as below.

Code:


240  Same colors for color and background-color in two contexts #content and #footer p
240  Same colors for color and background-color in two contexts body and #footer p
240  Same colors for color and background-color in two contexts #back and #footer p
243  Same colors for color and background-color in two contexts #back and #footer a
243  Same colors for color and background-color in two contexts #content and #footer a
243  Same colors for color and background-color in two contexts body and #footer a


And Heres the code of my CSS :)

Code:


* { margin : 0;
padding : 0;

}
a:link { color : #a5a9b2;

}
a:hover { text-decoration : none;
color : #ff0000;

}
a:visited { color : #a5a9b2;

}
body { background : #ffffff url(images/back_all.gif) repeat-x;
font : 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color : #666666;

}
#content { margin : 0 auto;
background : #ffffff;
width : 742px;
text-align : left;

}
#back { background : #ffffff;
width : 742px;

}
#header { height : 406px;
text-align : left;

}
#menu1 { width : 702px;
height : 152px;
padding-left : 40px;

}
#menu ul { list-style : none;

}
#menu li { display : inline;

}
#menu a { float : left;
width : 79px;
height : 32px;
display : block;
text-align : center;
text-decoration : none;
color : #000000;
font-weight : bold;
font-size : 12px;
text-transform : uppercase;

}
#menu a:hover { width : 79px;
height : 32px;
color : #004586;
text-decoration : underline;

}
#button1 a { background : url(images/button1.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;

}
#button1 a:hover { background : url(images/button1_r.jpg) no-repeat;
height : 24px;
width : 124px;

}
#button2 a { background : url(images/button2.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;

}
#button2 a:hover { background : url(images/button2_r.jpg) no-repeat;
height : 24px;
width : 124px;

}
#button3 a { background : url(images/button3.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;

}
#button3 a:hover { background : url(images/button3_r.jpg) no-repeat;
height : 24px;
width : 124px;

}
#button4 a { background : url(images/button4.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;

}
#button4 a:hover { background : url(images/button4_r.jpg) no-repeat;
height : 24px;
width : 124px;

}
#button5 a { background : url(images/button5.jpg) no-repeat;
height : 24px;
width : 124px;
padding-top : 120px;

}
#button5 a:hover { background : url(images/button5_r.jpg) no-repeat;
height : 24px;
width : 124px;

}
#logo { background : url(images/header.jpg) no-repeat;
width : 722px;
height : 234px;
text-align : left;
padding-left : 20px;
padding-top : 10px;

}
#logo a { text-decoration : none;
font-style : italic;
font-size : 18px;
color : #000000;

}
#logo H2 a { font-size : 12px;

}
#left { width : 266px;

}
#left H3 { width : 241px;
height : 47px;
font-size : 14px;
font-weight : bold;
padding-left : 25px;
padding-top : 15px;
text-transform : uppercase;
color : #000000;
background : url(images/title.gif) repeat-x;

}
#left ul { list-style : none;

}
#left li ul { border : 0;
margin-left : 20px;
margin-bottom : 10px;

}
#left li li { padding : 4px 20px;
background : url(images/small.gif) no-repeat left;

}
#left a { color : #a5a9b2;

}
#left a:visited { color : #a5a9b2;

}
#left p { padding : 10px;

}
#calendar1 { padding : 0 10px 20px 10px;

}
#calendar table { width : 100%;
text-align : center;

}
#calendar tbody td { border : 1px solid #f1f1f1;

}
#calendar #prev { text-align : left;

}
#calendar #next { text-align : right;

}
#calendar tfoot a { text-decoration : none;
font-weight : bold;

}
#calendar #now { background : #696969;
border : 1px solid #ff0000;
font-weight : bold;
color : #ffffff;

}
#right { float : right;
width : 450px;
padding-right : 10px;

}
#right H4 { margin : 0;
padding : 0;
font-size : 12px;
color : #c5c5c5;

}
#right a { color : #a5a9b2;
text-decoration : none;

}
#right p { margin : 0;
padding : 0;
padding-bottom : 10px;

}
#right h2 { margin : 0;
padding : 0;
padding-top : 10px;
color : #c5c5c5;

}
.date { text-align : right;
color : #808080;
font-size : 11px;

}
.date a { color : #d72020;

}
#footer { height : 29px;
clear : both;
padding-top : 50px;
background : url(images/footer.gif) repeat-x bottom;

}
#footer p { margin : 0;
font-size : 10px;
text-align : center;
color : #ffffff;

}
#footer a { color : #ffffff;

}

Now What's wrong I am doing here ? :(

nimesh 29Jul2009 00:05

Re: Warnings in CSS File
 
what tool are you using for validation?

naimish 29Jul2009 07:24

Re: Warnings in CSS File
 
Oh Sorry, I forgot to mention it. It's The W3C CSS Validation Service


All times are GMT +5.5. The time now is 22:08.