W3C home > Mailing lists > Public > www-style@w3.org > March 2003

CSS & SVG

From: Jonathan Chetwynd <j.chetwynd@btinternet.com>
Date: Mon, 24 Mar 2003 07:04:47 +0000
To: www-style@w3.org
Message-Id: <E622FCF1-5DC6-11D7-9E2D-0003939B5AD0@btinternet.com>

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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:20 GMT