Search the web
Sign In
New User? Sign Up
svg-developers · SVG Developers
? Already a member? Sign in to Yahoo!

Yahoo! Groups Tips

Did you know...
Want to share photos of your group with the world? Add a group photo to Flickr.

Best of Y! Groups

   Check them out and nominate your group.
Having problems with message search? Fill out this form to ensure your group is one of the first to be migrated to the new message search system.

Messages

  Messages Help
Advanced
Inline SVG and CSS in IE   Message List  
Reply | Forward Message #62498 of 63201 |
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





Wed Jul 1, 2009 2:16 pm

alexgreindl
Offline Offline
Send Email Send Email

Forward
Message #62498 of 63201 |
Expand Messages Author Sort by Date

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...
alexgreindl
Offline Send Email
Jul 1, 2009
6:09 pm

I have not attempted inline SVG with IE. However, I wanted to raise a related issue about multiple SVG objects in IE. My experience of including multiple SVG...
CPK Smithies
cpk.smithies
Offline Send Email
Jul 2, 2009
1:36 pm

... Hi Christopher, I haven't had this problem. I haven't forced a test yet. but I've had 20-30 svg embeds in the past. Could you post a typical html segment...
Francis Hemsher
fhemsher
Offline Send Email
Jul 2, 2009
7:00 pm

Greetings, Francis. This is the sort of thing that I'd be using, e.g. for a button icon: <object type="image/svg+xml" width="20" height="20" ...
CPK Smithies
cpk.smithies
Offline Send Email
Jul 2, 2009
10:08 pm

Hi CPK, I would love to get this code as a test case for the SVG Web project to test real world usage. Can I grab it from you? I would have to adapt it a bit...
Bradley Neuberg
bradneuberg
Offline Send Email
Jul 2, 2009
10:53 pm

Hi Christopher, Three comments: IE is not happy unless the embed is sitting in the page at load,plus it tends to ingore a dynamic src, and also, in my...
Francis Hemsher
fhemsher
Offline Send Email
Jul 3, 2009
12:53 am

Hi Christopher, The script cannot work because it tries to remove children from obs while working with its length, which is live for getElementsByTagName. ...
Domenico Strazzullo
domenico_str...
Offline Send Email
Jul 4, 2009
11:59 am

... From: svg-developers@yahoogroups.com [mailto:svg-developers@yahoogroups.com]On Behalf Of Domenico Strazzullo Sent: 04 July 2009 12:59 ... obs while working...
CPK Smithies
cpk.smithies
Offline Send Email
Jul 4, 2009
12:31 pm

... True, I missed it. The script shouldn't work anyway because you can't append fallback content elements to <embed>. HTML 5 doesn't allow that either, if I...
Domenico Strazzullo
domenico_str...
Offline Send Email
Jul 4, 2009
4:15 pm

... content elements to <embed>. HTML 5 doesn't allow that either, if I read well. < Let us agree that the script would not work (or even exist) in an ideal ...
CPK Smithies
cpk.smithies
Offline Send Email
Jul 5, 2009
1:51 am

Results from http://smithies.org/cpks/test/ IE = v:8.0.6001.18783 IE64 = v:8.0.6001.18783 64-bit Edition Testing both versions on a 64-bit system. IE64 With...
Domenico Strazzullo
domenico_str...
Offline Send Email
Jul 6, 2009
8:37 am

Can I get some test cases around this? I want to see if the SVG Web toolkit we are building suffers from this, and to find workarounds if necessary....
Bradley Neuberg
bradneuberg
Offline Send Email
Jul 2, 2009
9:58 pm

Hi Alex, ... [...] ... [...] ... Yes, I haven't tested for sure but inline CSS should work. The problem here seems to be the CSS selector ("*"), which as far...
Helder Magalhães
heldermagalhaes
Offline Send Email
Jul 2, 2009
3:12 pm

Hi Helder, thanks for answer. I tried simpler CSS but it seems that IE ignors any CSS classes. Regards, Alex...
alexgreindl
Offline Send Email
Jul 4, 2009
2:15 pm
Advanced

Copyright © 2009 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Guidelines - Help