|
CSS - Css Warnings :s
i got a lot of warnings, and i was wondering if you could help me avoid them. i've tried online CSS optimizers and compressors, but none of them solved the problem, and some even gave me errors.
Code: Same colors for color and background-color in two contexts div.sidepanelcontent and * a 13 Same colors for color and background-color in two contexts div.outer:hover and * a:hover 33 Same colors for color and background-color in two contexts .bcontenthead2 and strong 33 Same colors for color and background-color in two contexts .contenttext hr and strong 33 Same colors for color and background-color in two contexts .bcontenthead and strong 33 Same colors for color and background-color in two contexts .ocontenthead and strong 33 Same colors for color and background-color in two contexts .menucatstrip3 and strong 33 Same colors for color and background-color in two contexts .menucatstrip2 and strong 48 Same colors for color and background-color in two contexts .ocontenthead and h1 48 Same colors for color and background-color in two contexts .menucatstrip3 and h1 48 Same colors for color and background-color in two contexts .contenttext hr and h1 48 Same colors for color and background-color in two contexts .bcontenthead and h1 48 Same colors for color and background-color in two contexts .bcontenthead2 and h1 48 Same colors for color and background-color in two contexts .menucatstrip2 and h1 55 Same colors for color and background-color in two contexts #main and h2 55 Same colors for color and background-color in two contexts .bcontentsection and h2 55 Same colors for color and background-color in two contexts .maincontent and h2 55 Same colors for color and background-color in two contexts div.sidepanel and h2 65 Same colors for color and background-color in two contexts .ocontenthead and h2 a:hover 65 Same colors for color and background-color in two contexts .menucatstrip2 and h2 a:hover 65 Same colors for color and background-color in two contexts .bcontenthead and h2 a:hover 65 Same colors for color and background-color in two contexts .contenttext hr and h2 a:hover 65 Same colors for color and background-color in two contexts .menucatstrip3 and h2 a:hover 65 Same colors for color and background-color in two contexts .bcontenthead2 and h2 a:hover 258 Same colors for color and background-color in two contexts .bcontentsection and #categories 258 Same colors for color and background-color in two contexts #main and #categories 258 Same colors for color and background-color in two contexts div.sidepanel and #categories 258 Same colors for color and background-color in two contexts .maincontent and #categories 282 Same colors for color and background-color in two contexts #main and #categories ul li a 282 Same colors for color and background-color in two contexts div.sidepanel and #categories ul li a 282 Same colors for color and background-color in two contexts .maincontent and #categories ul li a 282 Same colors for color and background-color in two contexts .bcontentsection and #categories ul li a 291 Same colors for color and background-color in two contexts .tscontenthead and #footertext 393 Same colors for color and background-color in two contexts div.sidepanelcontent and .gamebox 414 Same colors for color and background-color in two contexts div.sidepanelcontent and div.outer a:hover 507 Same colors for color and background-color in two contexts .bcontenthead2 and .green 507 Same colors for color and background-color in two contexts .contenttext hr and .green 507 Same colors for color and background-color in two contexts .bcontenthead and .green 507 Same colors for color and background-color in two contexts .menucatstrip3 and .green 507 Same colors for color and background-color in two contexts .ocontenthead and .green 507 Same colors for color and background-color in two contexts .menucatstrip2 and .green 513 Same colors for color and background-color in two contexts div.sidepanelcontent and .darkbrown 516 Same colors for color and background-color in two contexts div.outer:hover and .lightbrown 757 .contenttext hr Same colors for background-color and color 771 Same colors for color and background-color in two contexts div.sidepanel and .whitetext 771 Same colors for color and background-color in two contexts #main and .whitetext 771 Same colors for color and background-color in two contexts .bcontentsection and .whitetext 771 Same colors for color and background-color in two contexts .maincontent and .whitetext 778 Same colors for color and background-color in two contexts .tscontenthead and .gstext 830 Same colors for color and background-color in two contexts .ocontenthead and .contenttable th a:hover 830 Same colors for color and background-color in two contexts .bcontenthead and .contenttable th a:hover 830 Same colors for color and background-color in two contexts .contenttext hr and .contenttable th a:hover 830 Same colors for color and background-color in two contexts .menucatstrip3 and .contenttable th a:hover 830 Same colors for color and background-color in two contexts .bcontenthead2 and .contenttable th a:hover 830 Same colors for color and background-color in two contexts .menucatstrip2 and .contenttable th a:hover 884 Same colors for color and background-color in two contexts .bcontentsection and .headertopleft 884 Same colors for color and background-color in two contexts #main and .headertopleft 884 Same colors for color and background-color in two contexts .maincontent and .headertopleft 884 Same colors for color and background-color in two contexts div.sidepanel and .headertopleft 891 Same colors for color and background-color in two contexts .bcontentsection and .headertopleft a 891 Same colors for color and background-color in two contexts #main and .headertopleft a 891 Same colors for color and background-color in two contexts .maincontent and .headertopleft a 891 Same colors for color and background-color in two contexts div.sidepanel and .headertopleft a 898 Same colors for color and background-color in two contexts .contenttext hr and .headertopleft a:hover 898 Same colors for color and background-color in two contexts .bcontenthead and .headertopleft a:hover 898 Same colors for color and background-color in two contexts .menucatstrip3 and .headertopleft a:hover 898 Same colors for color and background-color in two contexts .menucatstrip2 and .headertopleft a:hover 898 Same colors for color and background-color in two contexts .ocontenthead and .headertopleft a:hover 898 Same colors for color and background-color in two contexts .bcontenthead2 and .headertopleft a:hover 917 Same colors for color and background-color in two contexts .maincontent and .mtext 917 Same colors for color and background-color in two contexts .bcontentsection and .mtext 917 Same colors for color and background-color in two contexts #main and .mtext 917 Same colors for color and background-color in two contexts div.sidepanel and .mtext 985 .TabbedPanelsTabSelected Same colors for background-color and border-bottom-color 990 Same colors for color and background-color in two contexts .maincontent and .TabbedPanelsTab a 990 Same colors for color and background-color in two contexts #main and .TabbedPanelsTab a 990 Same colors for color and background-color in two contexts .bcontentsection and .TabbedPanelsTab a 990 Same colors for color and background-color in two contexts div.sidepanel and .TabbedPanelsTab a Similar TutorialsI went and validated my CSS. When doing so it listed some warnings yet the CSS still validated. I have tried to correct the warnings and can't seem to satisfy the validator. Code: Example: Line : 19 (Level : 1) You have no background-color with your color : h1 Line : 31 (Level : 1) You have no background-color with your color : a Line : 37 (Level : 1) You have no background-color with your color : a:link Line : 38 (Level : 1) You have no background-color with your color : a:visited Line : 39 (Level : 1) You have no background-color with your color : a:hover etc... I checked the validity of the CSS at jigsaw.w3.org/css-validator/. Theirs validated and they too have some warnings. Should I be concerned with the warnings? Can I fix the issues that it has? I am trying to make my CSS & XHTML all validate without any warnings. Thank You! Question One I just wanted to validate my css code and all is good except for some warnings. I am unclear as to what they mean or how to fix them. Does anyone know what these warnings are about? CSS Validator Warnings ------------------------------------------ Question Two When viewing my reviews page in IE there is little while lines dividing the table cells. Does anyone know why this is and how to fix it? Problem in is only in IE. Page showing the white lines Thanks in advance for feedback and help. Regards, CH... hello, about the well-known color warnings (and in the best interest of good accessibility practices) is setting "background-color: inherit" a proper solution? it supresses the errors, but does it solve the problem of having good contrast between different elements/the use of custom stylesheets? i'm asking because i have a stylesheet with different classes for text which are used over different background-colors (from the parent elements). so unless i make a class for each possible application of these text styles, i don't see a way to specify a fixed background-color... i hope i explained my issue properly... thanks for any thoughts or suggestions on this |
|||||||