Re: CSS and

[Thomas DeWeese]

Ralf Siegel wrote:

Hi folks,

I know I have questioned this list around CSS topics more than I should, 
however I'm still slightly confused about rendering SVG with CSS (using 
Batik 1.5 ImageTranscoder)

Please look at the following use case - 'svg_B' has a symbol defined 
like that:

--------------------------------------

<def>
        <symbol id="button">
                <rect class="coolColor"/>
                <rect class="hotColor"/>
        </symbol>
</def>
--------------------------------------

Now, svg_A uses that symbol 'button' like:

--------------------------------------

<use xlink="svgB.svg#button" />

--------------------------------------

Problem: 'svg_A' is linked to a CSS, a styleheet which actually defines 
both 'coolColor' and 'hotColor' fillings for the rect-shape, however 
that style do not have any affect on the rendering output.
  Of course not, because the class selectors are applied using
the stylesheet from svgB, not svg_A.
Well, I read somewhere that CSS selectors won't get applied to 
*generated* content (which is what happens when the symbol 'button' is 
being cloned into the DOM tree of svgA), but how are you supposed to 
handle the use case above?
  Put the definition of coolColor and hotColor in svgB.

Any insight ?

ralf ...

-------------------------------------------------------------
Ralf Siegel - Freelance Developer
Recommended Listening: Broadcast - Haha Sound (Warp)
contact_site: mailto:[EMAIL PROTECTED]
-------------------------------------------------------------


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]





---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]