Validate CSS

Lost and confused

[flaxmac]

I was scrolling through some old threads and found a link to a CSS code validator, great idea I thought and then tested my code. But I got the error below.

There was no description of the error that I could understand just what is listed below.

Can anyone help me to understand? Please?

I/O Error: The host name [www.example.com] couldn't be resolved. Details: "www.example.com: www.example.com"

[edited by: createErrorMsg at 10:19 am (utc) on June 29, 2005]
[edit reason] examplified url [/edit]

[flaxmac]

Here is my CSS code, just to make you more confused.

html, body{ margin:0; padding:0; border:0px none;
/* \*/
height:100%}
body{background:#FFF; color: #000; min-width:700px; text-align:center;}
#outer{margin-left:auto; margin-right:auto; text-align:left; position:relative; width:700px; font-family: Verdana,arial; font-size: 10pt; font-weight: normal;
/* \*/
height:100%;}
#hdr{background:#FFFF99; color: #000; height:80px; text-align: center; width:700px;}
#bodyblock{color: #000; padding:0; position:relative; width:700px;}
#l-col{background:#FFF; color: #000; float:left; height:auto; padding-top: 0cm; width:160px;}
#cont{background:#FFF; color: #000; text-align:left; width:520px;}
#ftr{background:#FFFF99; color: #000; float:left; height:auto; margin:0px; text-align: right; width:700px;}
#ftr-l{background:#FFFF99; color: #000; float:left; height:auto; margin:0px; text-align: left; width:140px;}
#ftr-c{background:#FFFF99; color: #000; float:left; height:auto; margin:0px; text-align: center; width:410px;}
#ftr-r{background:#FFFF99; color: #000; float:right; height:27px; margin:0px; text-align: right; width:150px}
h1{margin:0; padding:9px; color: red; font-family: Verdana; font-weight: bold; font-size: 18pt;}
h2{margin:0; padding:0px; color: blue; font-family: Freestyle Script, Bradley Hand ITC, Arial Black; font-weight: bold; font-size: 36pt;}
h3{margin:0; padding:9px; color: #000; font-family: Verdana; font-weight: bold; font-size: 12pt;}
h4{margin:0; padding:0px; color: #000; font-family: Verdana; font-weight: bold; font-size: 10pt;}
h5{margin:0; padding:0px; color: red; font-family: Arial; font-weight: bold; font-size: 8pt;}
p{padding:0px; color: #000; font-family: Verdana; font-weight: normal; font-size: 10pt;}
i{margin:0; padding:0px; color: red; font-family: Verdana; font-weight: normal; font-size: 10pt;}
u{margin:0; padding:0px; color: #000; font-family: Verdana; font-weight: bold; font-size: 10pt;}
ol{color: #000; font-family: Arial; font-weight: bold; font-size: 8pt;}
.s-text{font-size: 1pt; color: #FFFF66;}
.m-text{font-family: Arial, Arial, Helvetica; font-size: 8pt; color: #000;}

[Setek]

[jigsaw.w3.org...]

You can check your css through that by URI, uploading the file or pasting it in.

Incidentally, you got 11 warnings :)

[Farix]

Also, he can combine some of the common CSS declarations like so:

#ftr, #ftr-l, #ftr-c, #ftr-r { background: #FF9; color: #000; float: left; height: auto; margin: 0px; }
#ftr { text-align: right; width: 700px; }
#ftr-l { text-align: left; width: 140px; }
#ftr-c { text-align: center; width: 410px; }
#ftr-r { float: right; height: 27px; text-align: right; width: 150px; }

This will further drop the weight of the stylesheet.

[rocknbil]

Your I/O error is something programmed into whatever validator you were using and is not (should not) be your problem, unless getting to your site is some sort of acrobatic series of redirects.