Forum Moderators: not2easy
I am trying to enhance the look of our company LMS with the use of CSS and SVG. I am very new to SVG and I'm having slight problems in displaying what I have designed in an .aspx page.
I have downloaded Adobe's SVG Viewer 3.0 and it works fine from a .htm page or as a standalone .svg page. My problem is that I cannot view the svg image from my ASP.Net Web App. I am using IE 6 sp2.
This is the code from within the aspx page:
Main.aspx
<html>
<head>
</head>
<body>
<table id="BreadCrumbTrail_tbl" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td><object data="../SVG/Main.svg" width="100%" height="25" type="image/svg+xml" VIEWASTEXT></object></td>
</tr>
</table>
</body>
</html>
The SVG code is to create a gradient background image:
Main.svg
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="top_nav_bar" x1="0%" y1="100%" x2="0%" y2="0%">
<stop offset="0%" style="stop-color:rgb(124,118,174); stop-opacity:1"/>
<stop offset="100%" style="stop-color:rgb(178,173,217); stop-opacity:1"/>
</linearGradient>
</defs>
<rect width="100%" height="25px" style="fill:url(#top_nav_bar)"/>
</svg>
All that is displayed in the aspx page is a white space where a purple gradient bar should be. Any help would be great, thanks in advance.
Maybe your browser is missing the an SVG component/plug in that will render the SVG effect?
Unfortunately I have recently read that FireFox 1.0.6 (my current version) is not yet fully compatible with SVG and that Adobe SVGViewer 3.0 does not work with it. Although there is some joy with SVGViewer 6.0 (Beta).
I will probably wait 'til both FireFox and IE are 'firing on all cylinders' with SVG before attemping it again.
Thanks for your reply.
i believe SVG will eventually rule the web and pixels will go away because broadband will be so blazing fast,pixels will take up too much space and will clog the internet. acrobat for documents and Flash for imaging will rule. acrobat is vector based driven by postscript and flash is java driven vector.
kr
