Re: Issues in your validator

Hi Tiziano.

Like David Dorward answered 8 days ago:
Experimental vendor extensions are not valid CSS and so should be flagged as errors.
That said, the options for the validator allow you to demote them to warnings [already].
(http://lists.w3.org/Archives/Public/www-validator-css/2012Jun/0008.html in answer to http://lists.w3.org/Archives/Public/www-validator-css/2012Jun/0007.html)

In other words, non of the properties using -webkit- / -moz- / -o- / -whatever- as a prefix is valid CSS and therfore correctly marked as errors.


In your second example the "opacity: 0;" isnt the problem, its the following "filter:Alpha(Opacity=0); " its IE syntax, just like the above -vendor- stuff...
-> not valid CSS

Unfortunately your site doesnt seem to be valid xhtml as well. just noting, because you mentioned it on your site...

greetings
Andreas

  ----- Original Message ----- 
  From: tiziano.demaria@telenet.be 
  To: www-validator-css@w3.org 
  Sent: Tuesday, June 19, 2012 12:51 PM
  Subject: Issues in your validator


  Aan: www-validator-css@w3.org
  Verzonden: Dinsdag 19 juni 2012 12:46:14
  Onderwerp: Issues in your validator


  Dear sir


  i'm using your validator to validate the sites I made.


  When I use it to test the code that I manually write, I have not problems.
  Bu when I test it with sites made by CMSs it's a mess, because ou validator, express errors that there are not.


  Please look this site into your CSS validator:


  http://www.kromalaser.com


  It highlights as errors, CSSs mpade by the plug-ins programmers.
  Now, checking the errors, I noticed there are not any on the CSSs!!
  indeed, for isntance:


  Sorry! We found the following errors (50)
  URI : http://www.kromalaser.com/wp-content/plugins/quick-post-widget/css/quick-post-widget.css?9d7bd4
        5 #quick_post_form Property -moz-border-radius doesn't exist : 10px 





  It's a pityt that the syntaxys is CORRECT. The property is correctly expressed:


#quick_post_form  {
 border: 1px solid #9f9f9f;
 padding: 5px 10px 5px 10px;
 margin: 0;
 -moz-border-radius: 10px;
 -khtml-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}Here some reference:
  http://www..css3.info/preview/rounded-border/




  But also here:
  URI : http://www.kromalaser.com/wp-content/plugins/quick-post-widget/css/jquery-ui.css?9d7bd4
        18 .ui-helper-zfix Parse Error Opacity=0)
       





  Here the source:
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
..ui-helper-hidden { display: none; }
..ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
..ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
..ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
..ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
..ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

  Here the synthaxys accepted worldwide:
  from the site:
  http://www.css3.info/on-opacity-and-complexity/ 
img { opacity: 0.6; } img:hover { opacity: 1; }

  in other words it seems that your system has a lot of lacks.
  Please could you check ?


  Sincerely yours


  Tiziano