svg as bullets

[Andrew-J2000]

I forgott about this as it goes, i tried to use a svg image that i made a while back as a bullet using css, but this doesn't get rendered when using

<style type="text/css">
<!--
  ul {list-style-image: url("blah.svg");}
-->
</style> 

it as a bullet which renders nothing when you use the .svg extension in css

any ideas?

[MattR]

Wrong forum.

[Andrew-J2000]

oh, thought it was relevant as svg is xml + i just happened to be in this section,

anyone know?

[MarcusJT]

Unfortunately, browser support for SVG has not yet evolved to the point where you can use SVG files as you would JPEGs and GIFs (at least not in IE anyway).

For instance, you can't simply do this:

<img src="blah.svg" />

You have to do this:

<embed height="400" width="300" src="blah.svg" pluginspage="http://www.adobe.com/svg/viewer/install/"
type="image/svg+xml" />

(The height and width attributes can be left out, in which case the image is displayed at the size specifed within the SVG itself.)

More info here:
http://www.svgfaq.com/Starting.asp

Perhaps it will become possible to do what you are attempting in the near future, but at the moment, it's a no-no!

[Andrew-J2000]

grrr i thought that was the case i will use an xsl template to overcome this little problem in the mean time. Annoying tho.

[Goof]

Whoa...that SVG stuff is pretty cool! That will be sweet if it ever gets reliable implimentation.

Goof

[MarcusJT]

The Adobe SVG Plugin v3 is already pretty reliable, it just doesn't let you use SVG images in the same way that you can use other browser-native image types.

In fact I am toying with the idea of using SVG for displaying the graphs for my site statistics facility, especially since SVG can be generated so easily by transforming an XML document containing numeric data!

However, I suspect that I may have to stick with traditional table-based graphs due to time constraints (I can always add more cool stuff later though!)

[Andrew-J2000]

i'd like to see that M@rco , only problem with svg is when your hand coding the paths. And especially if its a complex image lol. Any way i'm sure it shouldn't take too long for you to code up

[Andrew-J2000]

oh and you could add some nice animation in it as well

[MarcusJT]

Unfortunately, pretty graphics for site statistics have to come pretty close to the bottom of my HUGE list of "things to do" for the site....! But I'm sure I'll get round to it some day!

[Andrew-J2000]

to be honest, designing a graph could come in pretty handy for other purposes, infact i might have ago myself, just not quite sure how i'm gonna do a pie chart tho

[MarcusJT]

No problem - basic trig stuff! Plus, don't calculate it on the server, let the client do the work by using JavaScript embedded within the SVG itself!