W3C home > Mailing lists > Public > www-validator-css@w3.org > August 2006

Problems validating CSS for SVG

From: Ed Davies <edavies@nildram.co.uk>
Date: Fri, 18 Aug 2006 21:11:14 +0100
Message-ID: <44E61EE2.5070002@nildram.co.uk>
To: www-validator-css@w3.org

I have some CSS for SVG which works fine in Firefox doesn't
work as I expected in Batik Squiggle so I tried to validate
it.  I first used the basic upload form which gave lots of
messages about invalid properties like "stroke", "stroke-
width", "fill-opacity", etc, as you would expect because
presumably the default is for (X)HTML flavours of CSS.

I then used the Advanced File Upload Interface selecting
Warnings: Normal Report, Profile: SVG and Medium: all.
This gave the same warnings as the basic interface, as if
the SVG selection has been ignored.

I then put the stylesheet on my website at

   http://www.edavies.nildram.co.uk/temp/2006/08/default.css

and tried to validate it with the Advanced Interface (same
options).  This gave the following messages:

 >    * Line: -1
 >
 >      Uncaught error java.lang.RuntimeException
 >
 > No style sheet found

I then tried the Advanced direct input interface (again
with the Normal report, SVG, all options).  This gave the
following messages:

> URI : file://localhost/TextArea
> 
>     * Line: 0
> 
>       Parse Error - [empty string]
> 
> No style sheet found

Selecting CSS 2 as the profile (instead of SVG) again gives
the errors about non-existent properties, as one would expect.

The CSS I'm trying to validate is as follows:

> .face {
> 	stroke: #808080;
> 	stroke-width: 0.004;
> 	fill-opacity: 0.3;
> }
> 
> .m_concrete {
> 	fill: #EEEEDD;
> }
> 
> .m_styrofoam {
> 	fill: #F0F0F0;
> }
> 
> .m_fibreglass {
> 	fill: #88FF88;
> }
> 
> .m_water {
> 	fill: cyan;
> }
> 
> .m_strawbale {
> 	fill: #FFFFCC;
> }
> 
> .m_wood {
> 	fill: #EEEECC;
> }
> 
> .m_brick {
> 	fill: #FF6666;
> }
> 
> .m_soil {
> 	fill: #CCAA66;
> }
> 
> .m_soil_wet {
> 	fill: #CCAAAA;
> }
> 
> .m_air {
> 	fill: #FFFFFF;
> }
> 
> .heat_path {
> 	stroke: #FF8888;
> 	stroke-width: 0.005;
> 	fill: none;
> }

I don't know if that's valid or not (after, that's why I'm using
the validator) but it does seem like there's a significant problem
with the validation service with respect to SVG CSS.

My browser is Firefox 1.5.0.6 running on Ubuntu 6.06.

I'll leave the temporary file on my website for a while in case
anybody else wants to try it.

I'd be pleased if somebody could indicate if there is a problem
with the validation service or if it looks like I'm doing
something silly.

Regards,

Ed Davies.
Received on Saturday, 19 August 2006 08:30:04 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 23:00:57 UTC