Re: [WSG] using scalable vector graphics
Yes, fallback content can be a normal img / element with a fallback bitmap image, and further fallback alt-text. To make the width dynamic you need to do two things. 1) Your SVG image mustn't declare a fixed width in itself 2) You need to do the sizing with CSS. My preferred way is to place the object in a container (which you have to do anyway) and use CSS to make the object size to width: 100%. Then, no-matter what size your container is, the object should resize smoothly. I have a crude example at home which I'll post for you later on. Ben On 7/19/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Ben Ward wrote: Use the object tag, just like we do with Flash. The SVG mimetype (type atrribute) is image/svg+xml so you'd have something like: object type=image/svg+xml data=image.svg !-- fallback content -- /object would the fall back content maybe be a jpg, gif or png of the svg image? You can add width and heigh into that if you need to (though that rather defeats the purpose of using vector graphics). No embed tags needed at all. I can't fathom why you've been advised to use embed at all, I must say. when i googled the question, adobe support was one hit and they said in their explanation to embed the graphic in the html. if i wanted to use this image as a background image to fit the viewport or container, regardless of the users resolution, how would i do this? dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- http://ben-ward.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] using scalable vector graphics
Gary Menzel wrote: Browsers that dont support SVG natively require some type of embed tag. here is what i have. i created an abstract graphic in illustrator and saved it as a svg file. according to adobe one uses the embed src... tag to place the file in a web page. the page sticks in the validator at the embed tag. here is the sample page. is there a way to make this page to standards using this format? dwain http://www.alforddesigngroup.com/sandbox/svg-test.html -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] using scalable vector graphics
Use the object tag, just like we do with Flash. The SVG mimetype (type atrribute) is image/svg+xml so you'd have something like: object type=image/svg+xml data=image.svg !-- fallback content -- /object You can add width and heigh into that if you need to (though that rather defeats the purpose of using vector graphics). No embed tags needed at all. I can't fathom why you've been advised to use embed at all, I must say. Ben ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] using scalable vector graphics
Ben Ward wrote: Use the object tag, just like we do with Flash. The SVG mimetype (type atrribute) is image/svg+xml so you'd have something like: object type=image/svg+xml data=image.svg !-- fallback content -- /object would the fall back content maybe be a jpg, gif or png of the svg image? You can add width and heigh into that if you need to (though that rather defeats the purpose of using vector graphics). No embed tags needed at all. I can't fathom why you've been advised to use embed at all, I must say. when i googled the question, adobe support was one hit and they said in their explanation to embed the graphic in the html. if i wanted to use this image as a background image to fit the viewport or container, regardless of the users resolution, how would i do this? dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] using scalable vector graphics
i am beginning to experiment with svgs and find them fascinating. the problem i have found with using them is they will not validate because of the embed tag. i'm not sure at this point what to ask or how to ask it, except how to use them so they will validate. your thoughts, resource links on use, etc. please. dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] using scalable vector graphics
On Sun, 2005-07-17 at 22:34 -0500, [EMAIL PROTECTED] wrote: i am beginning to experiment with svgs and find them fascinating. the problem i have found with using them is they will not validate because of the embed tag. i'm not sure at this point what to ask or how to ask it, except how to use them so they will validate. svg xmlns=http://www.w3.org/2000/svg; version=1.0 rect stroke=black fill=none rx=5px y=16px x=72px width=202px height=61px/ /svg Is how the W3C's Amaya creates a rectangle object with curved corners... I'm not sure how that works in other browsers, but I'd _assume_ it's valid code. No embed or object tags in sight... Kind Regards, Joshua Street base10solutions Website: http://www.base10solutions.com.au/ Phone: (02) 9898-0060 Fax: (02) 8572-6021 Mobile: 0425 808 469 Multimedia Development Agency E-mails and any attachments sent from base10solutions are to be regarded as confidential. Please do not distribute or publish any of the contents of this e-mail without the sender’s consent. If you have received this e-mail in error, please notify the sender by replying to the e-mail, and then delete the message without making copies or using it in any way. Although base10solutions takes precautions to ensure that e-mail sent from our accounts are free of viruses, we encourage recipients to undertake their own virus scan on each e-mail before opening, as base10solutions accepts no responsibility for loss or damage caused by the contents of this e-mail. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] using scalable vector graphics
On Mon, 2005-07-18 at 13:39 +1000, Joshua Street wrote: svg xmlns=http://www.w3.org/2000/svg; version=1.0 rect stroke=black fill=none rx=5px y=16px x=72px width=202px height=61px/ /svg Err, of course, it closed the /svg tag properly... oops. Josh ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] using scalable vector graphics
Browsers that dont support SVG natively require some type of embed tag. On 7/18/05, Joshua Street [EMAIL PROTECTED] wrote: On Mon, 2005-07-18 at 13:39 +1000, Joshua Street wrote: svg xmlns= http://www.w3.org/2000/svg version=1.0 rect stroke=black fill=none rx=5px y=16px x=72px width=202px height=61px/ /svgErr, of course, it closed the /svg tag properly... oops.Josh**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help**