SVG positioning problem
"Heiner" <[email protected]>
| Newsgroups | gmane.text.xml.svg.devel |
|---|---|
| Message-ID | <[email protected]> |
Hopefully you can help me. I am just beginning with svg.
On http://www.netzwerk-bielefeld.de/ I am using one svg for the background and another one as a logo. Especially with the logo I must have done something wrong because on the subpage "Mitglieder" where I already added some text the logo jumps to a slightly different position compared to the other sites. For I did not change anything in the code I assume that it is the way I embedded the logo.
While the background is right in the code I linked the logo like this:
<object id="logo" data="svg/logo.svg" type="image/svg+xml"
style="top: 35%; left: 38%; width: 21%; height: 30%;"></object>
I chose the %-specifications because I want the graphics to scale with the browser window and stay in the middle...
The logo-svg itself looks like this:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve"
xmlns:xlink="http://www.w3.org/1999/xlink"
style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
width="10cm" height="10cm"
viewBox="0 0 10 10">
<defs>
<style type="text/css">
<![CDATA[
#formen { fill: #DF0101; }
]]>
</style>
</defs>
<g id="formen">
<polygon id="_20936456" class="fil0" points="5.60744,2.78239 9.52356,5.01852 5.61082,7.24871 "/>
<path id="_20936384" class="fil0" d="M2.96901 0.0773l4.22562 1.48616 -0.49282 1.26066 -1.62426 -0.92405c-0.00253,0.99973 -0.00507,1.99946 -0.00758,2.99919 -1.37779,0.27742 -2.36762,1.19834 -2.44386,2.71134l-2.14971 -0.79193 2.49261 -6.74137z"/>
<path id="_20936312" class="fil0" d="M5.41765 9.87428c-1.24393,0 -2.2527,-1.00878 -2.2527,-2.25268 0,-1.13974 0.84689,-2.08211 1.94554,-2.23194 0.00355,0.41324 -0.02926,2.26858 -0.0316,2.72695 0.60315,-0.33996 1.88404,-1.04606 2.41253,-1.37611 0.11515,0.27065 0.17891,0.56845 0.17891,0.8811 0,1.2439 -1.00877,2.25268 -2.25268,2.25268z"/>
</g>
</svg>
Can you give me advice?
Heiner
------------------------------------
-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my membership"
----Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)
<*> To change settings via email:
[email protected]
[email protected]
<*> To unsubscribe from this group, send an email to:
[email protected]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/