SVG as image for a XHTML-element?

linuxadmin · Jan 14, 2007

hi!

i want to embed an svg image in a xhtml element
using css. it does not work in firefox 2 and other
modern browsers.

is this

a) because these browsers don't support the
newest standards yet,

or is it

b) because the standards forbid to do so at all?

if a) is correct, have you experience with current
alpha of firefox3? is that possible there?

thanks in advice!

Bjoern Hoehrmann · Jan 15, 2007

* (e-mail address removed) wrote in comp.text.xml:

i want to embed an svg image in a xhtml element
using css. it does not work in firefox 2 and other
modern browsers.

is this

a) because these browsers don't support the
newest standards yet,

Yes, you could say that.

if a) is correct, have you experience with current
alpha of firefox3? is that possible there?

Not at the moment.

=?ISO-8859-1?Q?Une_B=E9vue?= · Jan 15, 2007

i want to embed an svg image in a xhtml element
using css. it does not work in firefox 2 and other
modern browsers.

it's possible to embed an svg image inline of an xhtml file.

see
<http://www.yvon-thoraval.com/SVG/mozilla/inline/inline_1_portable.xhtml
this solution is the best if you want to manipulate the DOM tree of the
svg itself (otherwise you could embed the svg file as an object like :

<object data="your_svg_file.svg" blahblahblah>
[...]
</object>

)

see how it is done in the file
<http://wwww.yvon-thoraval.com/index.html>

for svg-dom manipulation have an eye to :

<http://www.yvon-thoraval.com/SVG/svg_dom2.xhtml>

works at least on firefox 2/MacOS X the latest
doesn't work with Opera (bugg report)
works partly with WebKit which has a repaint prob (bug report)

VK · Jan 15, 2007

i want to embed an svg image in a xhtml element
using css

Not sure what you mean by that: an SVG document is not a stylesheet, it
has its own set of elements and respectively its own set tags.

it does not work in firefox 2 and other
modern browsers.

However great Opera would be it is not of royal family to talk of it in
plural

Currently UAs with native SVG support are Firefox 1.5.x, Firefox 2.x
and Opera 8.2 or higher. Though if we count all Gecko-based browsers
then the number gets higher (Camino 1.x , SeaMonkey and Co)

a) because these browsers don't support the newest standards yet,
or is it>
b) because the standards forbid to do so at all?

Neither. It is because namespaces as such and respectively mixed
namespaces by W3C exist only in XHTML. HTML by W3C doesn't have
namespace: nor default nor null - it simply doesn't have such entity
just like emptyness doesn't have color.

And XHTML exists only if document served with proper Content-Type
where the recommended is application/xhtml+xml
If it is served with Content-Type text/html then for any browser it is
a HTML document no matter how many "powerful" pragma spells you have
placed before and in <html> tag

So make your server send it as application/xhtml+xml and enjoy wherever
supported.

XHTML - how extend/create ELEMENT body in my DTD?	0	Oct 29, 2019
Centering picture element for larger screen sizes	2	Sep 21, 2023
Validate client-side XSLT result of xhtml-math-svg	7	May 27, 2007
Canvas blob	5	Aug 13, 2022
syntax for a name in SVG within an XHTML document.	2	Oct 20, 2008
Combining XHTML SVG and XML	2	Aug 20, 2004
svg question	2	Oct 19, 2007
New CSS features for smooth entry and exit animations	0	May 28, 2024

SVG as image for a XHTML-element?

linuxadmin

Bjoern Hoehrmann

=?ISO-8859-1?Q?Une_B=E9vue?=

VK

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads