Hi,
I have to create a html file containing multiple svg objects.
The html page should be displayed local on the pc using MS Internet
Explorer 7.
I tried the inline approach. So far creating a simple svg object worked.
Then I tried to style the objects with CSS. Now the problems started.
It seems that IE ignores css classes.
my sample code:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
xml:lang="en">
<head>
<title>SVG-Inline-Code (proprietäre Adobe-Variante)</title>
<object id="AdobeSVG"
classid="clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2"></object>
<?import namespace="svg" implementation="#AdobeSVG"?>
<svg:defs>
<svg:style type='text/css'>
*.Bord { stroke:black;stroke-width:1;fill:white}
</svg:style>
</svg:defs>
</head>
<body>
<h1>SVG-Grafik innerhalb eines (X)HTML-Dokuments</h1>
<p>
<svg:svg version='22' viewBox='0 0 1500 1000' width='1200'
height='800' preserveAspectRatio='slice' zoomAndPan='magnify' >
<svg:rect class='Bord' x='10' y='10' height='980' width='1480'
rx='20' ry='20'/>
</svg:svg>
</p>
</body>
</html>
Is it possible to use CSS in this case?
Or is there any other way to get one html file with multiple svg
objects?
Thanks for answers.
Regards,
Alex