Problems validating css

[windy]

Hello,
I,m new to this forum, please excuse any poor etiquette.
I,m also new to web building, therefore my question may be somewhat elimentary for those further on down the highway.
I had the code validated as xhtml and wanted the css validated, but errors are showing with references pertaining to Family and whitespace. These are related to div selectors and class and style selectors. Any suggestions?
This web page not published, still in notepad.

[AricC]

Hello,
I,m new to this forum, please excuse any poor etiquette.
I,m also new to web building, therefore my question may be somewhat elimentary for those further on down the highway.
I had the code validated as xhtml and wanted the css validated, but errors are showing with references pertaining to Family and whitespace. These are related to div selectors and class and style selectors. Any suggestions?
This web page not published, still in notepad.

Post the code here so we can run it through the validator.

[windy]

Post the code here so we can run it through the validator.

���body { 
min-width : 80%;
margin : 0;
padding : 0;
font-family : Geneva, Helvetica;
color : #f9f9f9;
background-color : #070707;
} 
html > body { 
overflow : hidden;
display : block;
} 
div, p, li { 
font-family : Geneva, Helvetica;
font-size : 12px;
} 
p { 
margin-top : 0;
padding-top : 0;
line-height : 1.5em;
} 
h4 { 
font-family : Geneva, Helvetica;
font-size : 12px;
color : #333;
text-transform : uppercase;
text-decoration : underline;
text-align : center;
} 
a { 
text-decoration : underline;
font-weight : bold;
} 
a:link { 
color : #699;
background-color : transparent;
} 
a:visited { 
color : #999;
background-color : transparent;
} 
a:hover { 
color : #066;
background-color : transparent;
text-decoration : underline overline;
} 
a:active { 
color : #fff;
background-color : transparent;
} 
li { 
font-weight : 100;
line-height : 0.8em;
letter-spacing : 0.1em;
} 
div#header { 
position : relative;
width : 100%;
height : 75px;
z-index : auto;
top : 75px;
right : 0;
bottom : auto;
left : 0;
border-top : thin solid #777;
background-color : #303030;
text-align : left;
float : left;
} 
span.hdone { 
font-family : "Microsoft Sans Serif", Geneva, Helvetica;
font-size : large;
font-style : italic;
color : #999;
letter-spacing : 0.5em;
text-transform : uppercase;
} 
span.hdtwo { 
font-family : "Myriad Web Pro", Geneva, Helvetica;
font-size : medium;
font-weight : 200;
color : #4e5657;
letter-spacing : 0.2em;
} 
span.hdthree { 
font-family : "Myriad Web Pro", Geneva, Helvetica;
font-size : medium;
font-weight : 100;
color : #f7f7f7;
letter-spacing : 0.2em;
} 
img { 
position : relative;
width : 100px;
height : auto;
z-index : 2;
top : 0;
right : 0;
bottom : auto;
left : 0;
padding-right : 25px;
float : left;
clear : right;
border : 0;
} 
#navbar { 
position : relative;
width : 100%;
height : auto;
top : 75px;
right : 0;
bottom : auto;
left : 0;
background-color : #4e5659;
} 
#navbar ul { 
padding : 0;
} 
#navbar ul li { 
display : inline;
} 
#navbar ul { 
margin : 0;
padding : 0 0 5px 0;
} 
#navbar ul li a { 
padding : 3px 10px;
text-decoration : none;
float : right;
border-left : thin solid #94b473;
} 
#navbar ul li a:hover { 
background-color : #777;
} 
#navlist li a:hover, #navlist li a:active { 
text-decoration : none;
} 
#leftcol { 
position : relative;
width : 250px;
height : auto;
top : 100px;
right : 0;
bottom : auto;
left : 75px;
padding : 10px 20px;
margin : 30px 50px;
border : 1px dotted #333;
float : left;
clear : right;
} 
#articles { 
position : relative;
width : 225px;
height : auto;
top : 100px;
right : 0;
bottom : auto;
left : 55px;
padding : 10px 20px;
margin : 30px 0;
border : 1px dotted #333;
float : left;
clear : right;
} 
#menu { 
position : relative;
width : 160px;
height : auto;
top : 125px;
right : 0;
bottom : auto;
left : 65px;
background-color : transparent;
margin : 0;
padding : 0;
text-align : left;
float : left;
} 
#menu ul { 
list-style : none;
padding-top : 0;
margin : 0;
width : auto;
} 
#menu ul li { 
display : block;
float : right;
width : 150px;
margin : 0;
padding : 3px;
} 
#menu ul li a { 
display : block;
width : 150px;
padding : 3px;
border-width : 0;
border-style : none;
text-decoration : none;
background-color : #4e5658;
} 
#menu > ul#menu li a { 
width : 150px;
} 
#menu ul li a:hover, #menu ul #menu li a:hover { 
background-color : #777778;
} 
#menu li.menutitle { 
font-family : Geneva, Helvetica;
color : #989898;
text-align : center;
} 
#footer { 
position : relative;
width : 100%;
height : auto;
top : 85px;
right : 0;
bottom : auto;
left : 0;
font : 10px Geneva, Hevetica;
margin-top : 10px;
padding-top : 10px;
border-top : 1px dotted #333;
clear : both;
}
 

[drhowarddrfine]

The code validates but I see the question marks at the start. Are these in your code? Are you saving it as utf-8?

[windy]

The code validates but I see the question marks at the start. Are these in your code? Are you saving it as utf-8?

Yes I am saving as utf-8. Those question marks are as the code came back from the www3 validator. But I was not given access to the validation link. What system of validation are you using? Is this an error on my part to save in notepad as utf-8?
Thank you for taking the time to share your efforts. Much appreciated.

[windy]

The code validates but I see the question marks at the start. Are these in your code? Are you saving it as utf-8?

Sorry, the other problem here is that I was using the same colors in the uppernavbar and the rightside navbar and the validator responded with warnings that similar colors were being used. Is this a problem? I want the navigation to look a certain way.

[drhowarddrfine]

If you save text in utf-8, editors will insert a BOM, Byte Order Mark, at the head of the code so software will know. This can confuse the validator so you might just save it as ascii.

The warnings are just that, warnings. They are concerned with accessabality and it looks at color and contrast for readability but your markup may still be valid.