homepage Welcome to WebmasterWorld Guest from 54.227.34.0
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
SVG wont display in aspx page
Svg
Holloway

5+ Year Member



 
Msg#: 2096 posted 12:39 pm on Jul 29, 2005 (gmt 0)

Hi all,
Not really sure if this is the right forum but I do have a problem that is graphic related.

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.

 

ScratchDisk

5+ Year Member



 
Msg#: 2096 posted 12:19 am on Jul 30, 2005 (gmt 0)

What is required by your viewers to see the SVG effects? SWF files rendered from Flash can be viewed if the end user has the right flash plug-in installed on their browsers.

Maybe your browser is missing the an SVG component/plug in that will render the SVG effect?

Holloway

5+ Year Member



 
Msg#: 2096 posted 7:31 am on Aug 1, 2005 (gmt 0)

The only reason for svg is to give the web pages a better look with the use of gradients etc. I know IE filters handle gradients quite well without SVG but I am also trying to make it compatible with FireFox.

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.

pixelkat

10+ Year Member



 
Msg#: 2096 posted 11:03 am on Aug 5, 2005 (gmt 0)

...sorry about that.i'm on my ipaq and the space bar on the keyboard is just above the 'home' button in mobile IE.
as Iwas saying, IE 6.0 zoomed from page to page filled with SVG images for 25 minutes before crashing. IE 5.5, with all its undiscovered treasures, endured more than 45 minutes before it,too, finally crashed.
but, gradients in css will work for firefox and opera to a lesser degree. use the gradient filter for IE and voila! cross-browser gradients that produce itsy-bitsy file sizes, unlike the current model of SVG. I think SVG is still a year or two out there. there are too few tools that display it, and coding it from scratch is too labor intensive, which obliterates any value for its use.

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved