css validating - color issue

[ivyholly]

Hi Peeps,

I`m trying to get a css doc. to validate. I get - warning: you have no color with your background-color. What does this mean? I can post the code if that`ll help...

[Rob]

yeah.... post the code

[herkalees]

what you supposedly have: .xxx {background-color:;}
what you need: .xxx {background-color:#fff;}

^^ somewhere in your styles.

[Rob]

Thats what I thought..... but without seeing the code.... it's hard to tell.

Also, validation sometimes fails with some color names.... ... she may have left the # symbol out.... or something else even.

If we see the code, then we'll know.

[ivyholly]

FINally. Done teaching for the day. Um, how do I post the style sheet here? Tried pasting- nope. Attach a file- not the right extension. Help!

[ivyholly]

Nevermind, I`ve got it- (Duh )

Code: Select all

/* CSS Document */
body,
html {
margin:0;
padding:0;
background:#ffcc99;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
body {
min-width:750px;
}
#wrap {
background:#fff;
margin:0 auto;
width:750px;
}
#header h1 { 
margin:0;
padding:10px;
background:#fff; 
}
#main h2, #main h3, #main p {
padding:0 10px;
background:#fff;
float:left;
width:500px;
}
#sidebar ul {
margin-bottom:0;
background:#fff;
float:right;
width:240px;
}
#footer p {
padding:5px;
margin:0;
background:#0000cc;
clear:both;
}
#sidebar h3, #sidebar p {
padding:10px 10px 0 0;
background:#ffffff;
}

[herkalees]

try changing all instances of background:#xxxxxx;

to

background-color:#xxxxxx;

[ivyholly]

Tried that; same result...

[Pheonix]

if you have
.class {
colour: #abc; /* or #aabbcc */
}
You are also suposed to have a background colour (or vice versa) because the client could possibly change the value you haven't set. So if your font colour was say #000 and the client has a default background colour of black, none of your test will show up. causeing obvous problems, by includeing both you make it very unlikley this will happen. However there are times when it gives this error, even tho there is no way that situation could happen. And you can probaly ignore it, as warnings don't count as a failed validation

[ivyholly]

Thanks herkalees and Phoenix,

I found it rather unclear as to whether the style sheet actually passed validation or not. I have used the xhtml validator, and there it was obvious- red = failed, green = passed. Plus the code for the icon was right there to paste in your code. Hmm. I`ll go investigate some more. Wouldn`t want to make a website that would make herkalees scream! Haha.

[ivyholly]

Upon closer scrutiny of the validator results, I have come to the conclusion that it actually does validate (yeah!). So, sorry for the trouble. But thanks a lot for the explanation, Phoenix; I get it, and will ignore the warnings. (so there!)

Still think they could put the code for the validation icon there, like they do for xhtml...

Thanks again, guys!

[Rob]

Ivyholly.... for future reference, please use this method:
[code]your css/code here[/code]

....whenever posting code.... it's much tidier and saves people scrolling down for ages.

[herkalees]

Originally Posted by ivyholly

Wouldn`t want to make a website that would make herkalees scream! Haha.

I scream for the collective people . Because when I scream about a site, it means that it could be better and more visible to everyone in the world.
And... do I come across as an uptight-standards-accessability-give-no-leeway kind of guy?
...sweet.
To all those who strive for this stuff like I do: Keep up the great work everypersons!

[ivyholly]

herkalees- I`m working on it- my newly updated site done in validated css and xhtml is becoming 'imminent'. (meaning all will be ready for uploading to the server in a few weeks). Won`t be anything fancy, but this is a big step for me. One does what one can...

Rob- oopsies. Will do. mistake.