CSS - W3c Validator Question...

Hello,

I receive error when validating my css from w3c.

Code:

Line: 89 Context : #header_navigation 
Invalid number : display inline-block is not a display value : inline-block 

Line: 119 Context : #header_left_navs 
Invalid number : border Too many values or values are not recognized : 0 0 2px 0 #ffcc00 solid 

Line: 271 Context : .welcome_title 
Invalid number : font Impact is not a font-size value : Impact,Arial 

Line: 522 Context : .clearfix 
Invalid number : display inline-block is not a display value : inline-block 

but why does it work's well on my page?

Hi all

I've tryed the W3 validator for CSS and it appears the following error:

Code:

No error or warning found

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

I d'like to know what a hell misses on my css.

thanks in advance

btw this is my css file:

Code:

/* table.css - borders das tabelas */

.blueborder{
	border:3px solid;
	border-color:#94BAD6;
}

I've just run my site through the W3C CSS validator and I'm getting an error telling me I need to validate my XML document?

So, how do I validate my XML document, and where do I put the
</link> tag it tells me I need?

I fear this is just the start of my problems here's the validator link: http://jigsaw.w3.org/css-validator/...&usermedium=all

So, I'm looking for a tool that will crawl and suck down my website (just html, not images) and then examine my stylesheet and compare the rendered page output with css and help me eliminate unused styles definitions, styles for identical properties with different names, unfound class attribute names and that sort of thing.

The reason I need a spider is that my site runs on ATG and rql queries are pain to write when looking for styles in the repositories, and so I'd like to check the the final rendered page output, and not have to comb through my jhtml and my repositories separately.

I've downloaded a couple tools. Style Studio and Style Master and neither will crawl my live site and check css, and the one that was supposed to go through my local resources didn't search for unused styles, just invalid css2 (which i can do at w3c anytime!)

Ok, if that made sense to anybody and anybody knows the answer please let me know. Even a css2 seeker or something that will work on my site once i've crawled it with another spider tool would be cool too. I have 4000 lines of css and doing this by hand is driving me insane.


thanks everyone.

d

Hi everyone, I am new to this website as well as CSS for the most part. I have been working on a wordpress themed website recently trying to learn as much as possible. My website is self-hosted currently so can't really give you a link to view my code. I just discovered the CSS validator and I validated my CSS file. It contains 13 errors (yikes!) and 16 warnings. However, I don't really know how to interpret it. I use notepad++ as an editor. The profile I used is CSS level 2.1:

EDIT: Here is the new code for CSS 3. I only copied the errors part.

Code:

23	 .socialmedia img	 Property -webkit-transition doesn't exist : all 0.2s ease-in all 0.2s ease-in
24	 .socialmedia img	 Property -moz-transition doesn't exist : all 0.2s ease-in all 0.2s ease-in
25	 .socialmedia img	 Property transition doesn't exist : all 0.2s ease all 0.2s ease
38	 .socialmedia img.fade:hover	 Property -moz-opacity doesn't exist : 1 1
39	 .socialmedia img.fade:hover	 Property -webkit-transition doesn't exist : all 0.2s ease-in all 0.2s ease-in
40	 .socialmedia img.fade:hover	 Property -moz-transition doesn't exist : all 0.2s ease-in all 0.2s ease-in
41	 .socialmedia img.fade:hover	 Property transition doesn't exist : all 0.2s ease all 0.2s ease
60	 #main-nav-search	 Value Error : padding-top -1.0 negative values are not allowed : -1px -1px
79	 .menu2-top-right	 Value Error : border Too many values or values are not recognized : solid 0 1px 1px 1px #000 solid 0 1px 1px 1px #000
80	 .menu2-top-right	 Property -moz-border-radius-bottomright doesn't exist : 10px 10px 10px 10px
82	 .menu2-top-right	 Property -moz-border-radius-bottomleft doesn't exist : 10px 10px 10px 10px
87	 .menu2-top-right	 Property -moz-box-shadow doesn't exist : 3px 3px 6px #7f7f7f,8px -10px 10px #7f7f7f 3px 3px 6px #7f7f7f,8px -10px 10px #7f7f7f
88	 .menu2-top-right	 Property -webkit-box-shadow doesn't exist : 3px 3px 6px #7f7f7f,8px -10px 10px #7f7f7f 3px 3px 6px #7f7f7f,8px -10px 10px #7f7f7f

What does it mean when it says "doesn't exist"?