Kristina,<div><br></div><div>Almost all of these warnings are inconsequential. CSS validation only runs up to CSS2.1, but the theme you've picked out uses a few CSS3 features (box-shadow, last-child). That covers almost all the errors in the first section.<div>
<br></div><div>Then the big group of warnings is all "same colors for color and background-color". But if the site is readable to you, that's something you don't need to worry about.</div><div><br></div>
<div>These are the only ones I'm not certain about:</div><div><table style="width: 1313px; border-top-width: 1px !important; border-top-style: solid !important; border-top-color: rgb(204, 204, 204) !important; line-height: 19px; border-collapse: collapse; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(204, 204, 204); color: rgb(31, 33, 38); font-family: Helvetica, Arial, sans-serif; font-size: 16px; ">
<tbody><tr class="error"><td class="linenumber" title="Line 138" style="padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; width: 3em; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(204, 204, 204) !important; background-color: rgb(225, 225, 225); text-align: right; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">138</font></td><td class="codeContext" style="padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(221, 221, 221) !important; background-color: rgb(241, 241, 241); border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">.text_below_map</font></td><td class="parse-error" style="padding-top: 5px; padding-right: 1em; padding-bottom: 5px; padding-left: 1em; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(255, 221, 221) !important; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">Value Error : <a href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-weight: normal; font-style: normal; vertical-align: baseline; background-color: white; color: rgb(54, 93, 149); line-height: 1; text-align: left; text-decoration: underline; ">text-align</a> justified is not a text-align value : justified <span class="exp">justified</span></font></td>
</tr><tr class="error"><td class="linenumber" title="Line 156" style="padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; width: 3em; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(204, 204, 204) !important; background-color: rgb(225, 225, 225); text-align: right; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">156</font></td><td class="codeContext" style="padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(221, 221, 221) !important; background-color: rgb(241, 241, 241); border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">.results_entry</font></td><td class="parse-error" style="padding-top: 5px; padding-right: 1em; padding-bottom: 5px; padding-left: 1em; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(255, 221, 221) !important; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">Value Error : <a href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-weight: normal; font-style: normal; vertical-align: baseline; background-color: white; color: rgb(54, 93, 149); line-height: 1; text-align: left; text-decoration: underline; ">cursor</a> hand is not a cursor value : hand <span class="exp">hand</span></font></td>
</tr><tr class="error"><td class="linenumber" title="Line 163" style="padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; width: 3em; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(204, 204, 204) !important; background-color: rgb(225, 225, 225); text-align: right; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">163</font></td><td class="codeContext" style="padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(221, 221, 221) !important; background-color: rgb(241, 241, 241); border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">.results_entry:hover</font></td><td class="parse-error" style="padding-top: 5px; padding-right: 1em; padding-bottom: 5px; padding-left: 1em; border-bottom-width: 0px; border-bottom-style: solid !important; border-bottom-color: rgb(255, 221, 221) !important; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; ">
<font class="Apple-style-span" face="arial, helvetica, sans-serif" size="2">Value Error : <a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-weight: normal; font-style: normal; vertical-align: baseline; background-color: white; color: rgb(54, 93, 149); line-height: 1; text-align: left; text-decoration: underline; ">background-color</a> salmon is not a color value : salmon <span class="exp">salmon</span></font></td>
</tr></tbody></table><div><br></div><div>One of those (salmon) is just adding in a hex code for a color. The text-align one is probably pretty easy to figure out too. I suspect that these are all CSS3 features too so it's not a huge deal.</div>
<div><br></div><div>Best,<br clear="all">Eric Phetteplace<br>Graduate Assistant<br>Reference, Research, and Government Information (<a href="http://www.library.illinois.edu/rex/" target="_blank">http://www.library.illinois.edu/rex/</a>)<br>
Library Assessment Working Group (<a href="http://www.library.illinois.edu/assessment/" target="_blank">http://www.library.illinois.edu/assessment/</a>)<br>-<br>Graduate School of Library and Information Science<br>University of Illinois at Urbana-Champaign<br>
<br><br><div class="gmail_quote">On Mon, Feb 7, 2011 at 5:54 PM, Kristina Williams <span dir="ltr"><<a href="mailto:kristinawho@gmail.com">kristinawho@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
Hello all,<br><br>So the basic content of the new <a href="http://newpublici.ucimc.org" target="_blank"><i>public i</i> site</a> it now publicly accessible. The next hurdle: search engine optimization.<br>First step is to pass HTML and CSS validation. I'm using the W3C validation services. We passed HTML validation no problem (see report <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fnewpublici.ucimc.org%2F" target="_blank">here</a>)<br>
BUT --CSS didn't look so promising. In fact, far from promising. (see report <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fnewpublici.ucimc.org&profile=css21&usermedium=all&warning=1&vextwarning=&lang=en#css" target="_blank">here</a>) Well, okay, it's not that bad, but the list of warnings is daunting to say the least.<br>
<br>I'm relatively new to CSS code, could use a crash course (either in person or virtually) in reading CSS and editing. Any online resources would be helpful. Thanks!<br clear="all"><br>-- <br>Kristina Williams, News Media Coordinator<br>
<a href="http://ucimc.org" target="_blank">Urbana-Champaign Independent Media Center</a><br>kristinawho[at]gmail[dot]com<br>202 S Broadway<br>Urbana, IL 61801<br>217.344.8820<br><br>*Member of <a href="http://www.americorps.gov/" target="_blank">AmeriCorps</a>*<br>
<br>
<br>_______________________________________________<br>
IMC-Tech mailing list<br>
<a href="mailto:IMC-Tech@lists.chambana.net">IMC-Tech@lists.chambana.net</a><br>
<a href="http://lists.chambana.net/mailman/listinfo/imc-tech" target="_blank">http://lists.chambana.net/mailman/listinfo/imc-tech</a><br>
<br></blockquote></div><br></div></div></div>