SitePoint Sponsor

User Tag List

Results 1 to 12 of 12

Thread: svg as bullets

  1. #1
    Currently Occupied; Till Sunda Andrew-J2000's Avatar
    Join Date
    Aug 2001
    Location
    London
    Posts
    2,475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    svg as bullets

    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
    PHP Code:
    <style type="text/css">
    <!--
      
    ul {list-style-imageurl("blah.svg");}
    -->
    </
    style
    it as a bullet which renders nothing when you use the .svg extension in css

    any ideas?

  2. #2
    Database Jedi MattR's Avatar
    Join Date
    Jan 2001
    Location
    buried in the database shell (Washington, DC)
    Posts
    1,107
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wrong forum.

  3. #3
    Currently Occupied; Till Sunda Andrew-J2000's Avatar
    Join Date
    Aug 2001
    Location
    London
    Posts
    2,475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    oh, thought it was relevant as svg is xml + i just happened to be in this section,

    anyone know?

  4. #4
    The doctor is in... silver trophy MarcusJT's Avatar
    Join Date
    Jan 2002
    Location
    London
    Posts
    3,509
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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:
    Code:
    <img src="blah.svg" />
    You have to do this:
    Code:
    <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!
    MarcusJT
    - former ASP web developer / former SPF "ASP Guru"
    - *very* old blog with some useful ASP code

    - Please think, Google, and search these forums before posting!

  5. #5
    Currently Occupied; Till Sunda Andrew-J2000's Avatar
    Join Date
    Aug 2001
    Location
    London
    Posts
    2,475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    grrr i thought that was the case i will use an xsl template to overcome this little problem in the mean time. Annoying tho.

  6. #6
    SitePoint Wizard Goof's Avatar
    Join Date
    Feb 2001
    Location
    Pittsburgh, PA
    Posts
    1,154
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Whoa...that SVG stuff is pretty cool! That will be sweet if it ever gets reliable implimentation.

    Goof
    Nathan Rutman
    A slightly offbeat creative.

  7. #7
    The doctor is in... silver trophy MarcusJT's Avatar
    Join Date
    Jan 2002
    Location
    London
    Posts
    3,509
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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!)
    Last edited by M@rco; Jul 23, 2002 at 13:24.
    MarcusJT
    - former ASP web developer / former SPF "ASP Guru"
    - *very* old blog with some useful ASP code

    - Please think, Google, and search these forums before posting!

  8. #8
    Currently Occupied; Till Sunda Andrew-J2000's Avatar
    Join Date
    Aug 2001
    Location
    London
    Posts
    2,475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  9. #9
    Currently Occupied; Till Sunda Andrew-J2000's Avatar
    Join Date
    Aug 2001
    Location
    London
    Posts
    2,475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    oh and you could add some nice animation in it as well

  10. #10
    The doctor is in... silver trophy MarcusJT's Avatar
    Join Date
    Jan 2002
    Location
    London
    Posts
    3,509
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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!
    MarcusJT
    - former ASP web developer / former SPF "ASP Guru"
    - *very* old blog with some useful ASP code

    - Please think, Google, and search these forums before posting!

  11. #11
    Currently Occupied; Till Sunda Andrew-J2000's Avatar
    Join Date
    Aug 2001
    Location
    London
    Posts
    2,475
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  12. #12
    The doctor is in... silver trophy MarcusJT's Avatar
    Join Date
    Jan 2002
    Location
    London
    Posts
    3,509
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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!
    MarcusJT
    - former ASP web developer / former SPF "ASP Guru"
    - *very* old blog with some useful ASP code

    - Please think, Google, and search these forums before posting!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •