- From: Jonathan Chetwynd <j.chetwynd@btinternet.com>
- Date: Mon, 24 Mar 2003 07:04:47 +0000
- To: www-style@w3.org
could anyone post an example of an SVG linked from an SVG, but one
where both SVGs link to one(or more) external stylesheet(s).
I just cannot seem to get this to work. After a number of hours
searching google and playing around.
thanks
Jonathan
<?xml version="1.0"?>
<?xml-stylesheet href="svg.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg1.0dtd">
<svg width="4000" height="3000">
<rect style="fill:rgb(204,204,170);" x="0px" y="0px" height="100%"
width="100%" />
<image xlink:href="quaver.svg" x="250" y="70" width="150" height="150"
/>
</svg>
quaver.svg
<?xml version="1.0"?>
<?xml-stylesheet href="quaver.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="150" height="150" >
<title>quaver</title>
<rect x="0px" y="0px" height="100%" width="100%" id="transparent" />
<a xlink:href="http://www.peepo.com/alfi-x/music/w.html">
<ellipse cx="37" cy="118" rx="20" ry="12" />
<ellipse cx="112" cy="105" rx="20" ry="12" />
<line x1="55" y1="118" x2="55" y2="32" style="stroke-width:5;" />
<line x1="130" y1="105" x2="130" y2="18" style="stroke-width:5;" />
<line x1="55" y1="44" x2="130" y2="30" style="stroke-width:25;" />
</a>
</svg>
quaver.css:
* {stroke:rgb(0,0,0); fill:rgb(0,0,0); stroke-width:1; }
#transparent{fill:none;background-color:transparent;}
Received on Monday, 24 March 2003 02:02:23 UTC