<?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html
       PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 
	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://typo3.com/ and http://typo3.org/
-->

	<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_ecf1a90373.css" />
	<link rel="stylesheet" type="text/css" href="fileadmin/henning/henning_neu.css" />
	<title>henningpingel.de: Inline SVG Demo Firefox 1.5 / Opera 8</title>
	<meta name="generator" content="TYPO3 4.1 CMS" />
	<meta name="lang" content="de" />
	<meta name="author" content="Henning Pingel" />
	<script type="text/javascript" src="typo3temp/javascript_8d985c2683.js"></script>


</head>
<body>


  <div class="topwrap1"><!--###topwrap1### begin -->
    <div class="layoutbox1"><!--###layoutbox1### begin --><!--###layoutbox1### end --></div>
    <div class="layoutbox3"><!--###layoutbox3### begin -->
      <div class="menu_1" id="menu_1"><div class="menu1-level1-no"><a href="Homepage-von-Henning-Pingel.36.0.html" onfocus="blurLink(this);">News</a></div><div class="menu1-level1-act"><a href="Webcoding.63.0.html" onfocus="blurLink(this);">Webcoding</a></div><div class="menu1-level1-no"><a href="Impressum.57.0.html" onfocus="blurLink(this);">Impressum</a></div></div>
    <!--###layoutbox3### end --></div>
  <!--###topwrap1### end --></div>

  <div class="topwrap2"><!--###topwrap2### begin -->
    <div class="layoutbox2"><!--###layoutbox2### begin --><!--###layoutbox2### end --></div>
    <div class="title">Website von Henning Pingel</div>
  <!--###topwrap2### end --></div>

  <div class="mainwrap"><!--###mainwrap### begin -->
    <table class="mainwraptable">
      <tr>
        <td class="layoutbox4">
          <div class="menu_2" id="menu_2"><div class="menu2-level1-no"><a href="TYPO3-Backend-Via-SSL-Proxy.124.0.html" onfocus="blurLink(this);">TYPO3 Via SSL Proxy</a></div><div class="menu2-level1-no"><a href="Inline-SVG-with-TYPO3.42.0.html" onfocus="blurLink(this);">Inline SVG with TYPO3</a></div><div class="menu2-level1-no"><a href="SVG-Demos.89.0.html" onfocus="blurLink(this);">SVG Demos</a></div></div>
          <div class="dummy_filler"><!--###dummy_filler### begin -->&nbsp;<!--###dummy_filler### end --></div>
        </td>
      <td class="cell_contentwrap">
        <div class="contentwrap" id="contentwrap"><!--###contentwrap### begin -->
          <div id="pagetitle" class="pagetitle">Inline SVG Demo Firefox 1.5 / Opera 8</div>
          <span id="content" class="content">
	<!--  CONTENT ELEMENT, uid:118/text [begin] -->
		<a id="c118"></a>
		<!--  Header: [begin] -->
			<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Simple Inline SVG example</h1></div>
		<!--  Header: [end] -->
			
		<!--  Text: [begin] -->
			<p class="bodytext">This is a simple example for a HTML page (based on XML) with an SVG graphic added to it without embedding an external SVG file.</p>
<p class="bodytext">This works only with Firefox Deer park Preview and Opera 8.</p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">Do you want to <a href="Inline-SVG-with-TYPO3.42.0.html" target="_top">return to the tutorial</a>?</p>
		<!--  Text: [end] -->
			
	<!--  CONTENT ELEMENT, uid:118/text [end] -->
		
	<!--  CONTENT ELEMENT, uid:154/shortcut [begin] -->
		<a id="c154"></a>
		<!--  Inclusion of other records (by reference): [begin] -->
			
	<!--  CONTENT ELEMENT, uid:120/html [begin] -->
		<a id="c120"></a>
		<!--  Raw HTML content: [begin] -->
			<svg:svg x="0" y="0" width="300" height="250">
  <svg:defs id="defs4" />
  <svg:g id="layer3" transform="scale(0.3) translate(0 -230)">
    <svg:path d="M 771.36560 788.30811 A 270.35608 141.79515 0 1 1  230.65344,788.30811 A 270.35608 141.79515 0 1 1  771.36560 788.30811 z" transform="matrix(1.000000,0.000000,0.000000,1.453334,-95.16029,-421.0172)" style="fill:#45241f;fill-opacity:1.0000000;fill-rule:nonzero;stroke-width:0.00000000;stroke-miterlimit:4.0000000;stroke-dasharray:none" id="path3579" />
    <svg:path d="M 771.36560 788.30811 A 270.35608 141.79515 0 1 1  230.65344,788.30811 A 270.35608 141.79515 0 1 1  771.36560 788.30811 z" transform="matrix(0.512821,0.000000,0.000000,1.124445,-105.0495,-45.79447)" style="fill:#45241f;fill-opacity:1.0000000;fill-rule:nonzero;stroke-width:0.00000000;stroke-miterlimit:4.0000000;stroke-dasharray:none" id="path6509" />
  </svg:g>
  <svg:g id="layer2" transform="scale(0.3) translate(0 -250)">
    <svg:path d="M 310.00000 467.36218 A 181.00000 177.00000 0 1 1  -52.000000,467.36218 A 181.00000 177.00000 0 1 1  310.00000 467.36218 z" transform="matrix(1.007203,0.000000,0.000000,1.064776,215.8104,-25.75318)" style="opacity:1.0000000;fill:#ddb9b9;fill-opacity:1.0000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.00000000;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000" id="path1351" />
    <svg:path d="M 238.21586 665.41895 A 72.473076 98.311302 0 1 1  93.269707,665.41895 A 72.473076 98.311302 0 1 1  238.21586 665.41895 z" transform="matrix(1.165217,0.000000,0.000000,0.929488,-43.13861,53.85277)" style="fill:#dfa097;fill-opacity:1.0000000;fill-rule:nonzero" id="path2851" />
    <svg:path d="M 238.21586 665.41895 A 72.473076 98.311302 0 1 1  93.269707,665.41895 A 72.473076 98.311302 0 1 1  238.21586 665.41895 z" transform="matrix(0.756521,0.000000,0.000000,0.929488,-2.498909,-57.06255)" style="fill:#dfa097;fill-opacity:1.0000000;fill-rule:nonzero" id="path6505" />
  </svg:g>
  <svg:g id="layer1" transform="scale(0.3) translate(0 -250)">
    <svg:path d="M 279.39235,295.65716 C 299.21515,299.94912 212.14410,340.67564 230.25108,331.53772 C 241.04980,326.08801 250.48238,316.84219 262.38242,314.67413 C 267.36613,313.76616 256.77294,314.99145 234.53618,346.91867 C 205.74363,388.25858 184.69806,435.66185 175.35239,485.12214 C 168.43085,617.58391 313.14263,679.61500 425.55227,643.57672 C 495.43516,602.62000 547.71914,460.72440 481.89133,355.29311 C 423.85818,281.64811 332.48366,260.68956 247.25358,289.71860 C 235.30232,293.04756 224.30086,298.15722 213.67606,304.40994 L 252.22505,273.34534 C 262.78158,268.03542 273.63277,263.59093 285.03728,260.35668 C 371.28944,231.98434 465.04867,257.73306 522.01537,331.98000 C 604.88546,468.90190 525.09028,606.07930 390.21024,670.88550 C 274.23763,704.35827 127.67637,641.05687 133.28030,505.56907 C 144.14835,449.15161 170.27043,391.99874 205.41373,346.41167 C 225.13768,320.82621 230.31329,323.83336 269.19303,300.18984 C 271.52172,298.77372 278.88224,295.21873 276.56560,296.65447 C 175.53978,359.26561 247.07006,313.00538 236.26042,324.03644 L 279.39235,295.65716 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1306" />
    <svg:path d="M 275.86220,382.89684 C 289.48562,393.08409 302.23433,395.93540 318.53489,393.05396 L 278.51109,423.49181 C 262.23646,424.04914 248.69837,419.75508 234.07628,413.25609 L 275.86220,382.89684 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1308" />
    <svg:path d="M 381.26790,385.72988 C 412.64594,403.01824 463.34064,367.90012 392.66183,408.06728 L 439.66174,389.82726 C 398.73302,413.58522 381.86121,428.96765 339.41562,416.13734 L 381.26790,385.72988 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1310" />
    <svg:path d="M 196.95311,549.47768 C 268.79400,497.14306 252.04035,553.71982 331.77134,562.71248 C 324.90206,582.27588 409.81864,542.45815 393.52965,555.28713 C 339.21288,598.06622 382.31341,555.09433 390.07399,545.26001 L 433.94454,526.38491 C 400.93745,571.54653 348.12664,597.30998 292.57787,590.49170 C 245.41776,584.70170 162.26082,553.62840 243.04689,525.99173 L 196.95311,549.47768 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1312" />
    <svg:path d="M 546.13282,516.38133 C 618.82310,566.91072 664.95187,651.11054 681.12790,737.76010 C 691.82840,793.21194 660.88301,823.66238 621.75404,858.14920 C 546.69124,918.33815 442.07763,957.70911 347.53251,923.73710 C 330.62515,916.86923 314.90045,907.68952 299.48252,898.03269 L 328.06782,879.72146 C 342.53136,889.90067 357.48294,899.34799 374.05324,905.81171 C 453.76471,933.46835 551.59802,905.57194 591.99803,870.25648 C 629.54359,837.12944 660.20369,806.19397 652.55629,752.89891 C 639.94277,660.49558 592.69925,582.68704 513.86718,532.82150 L 546.13282,516.38133 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1314" />
    <svg:path d="M 131.86718,476.34303 C 122.88960,474.01338 81.432988,485.24954 131.24039,467.92755 C 139.33506,465.11239 118.28729,479.34500 113.18166,486.22841 C 100.62866,503.15238 92.055709,522.37640 84.516915,541.90158 C 74.159285,575.52285 93.373158,599.85531 82.711023,631.00449 C 61.867057,689.86755 71.626374,743.67219 140.34727,752.57535 C 207.05055,755.48703 233.18520,743.08560 221.57942,656.35459 L 250.24106,641.25320 C 262.23284,725.98133 197.80073,777.59060 113.83744,771.31107 C 43.309572,761.89748 32.196686,706.74319 51.590721,645.69653 C 60.215859,614.81794 46.360489,588.44897 54.900176,555.64659 C 68.995618,518.87490 114.19283,431.67803 164.13282,459.90286 L 131.86718,476.34303 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1316" />
    <svg:path d="M 58.887532,693.71957 C 48.560944,767.05664 17.873595,850.23868 44.249087,927.96496 C 107.69830,1025.1368 215.89852,1004.6728 243.77805,937.57401 L 273.54572,923.80370 C 234.39492,1026.0668 70.255813,1040.2633 17.410997,942.73960 C -6.3293238,869.37886 16.315907,784.21925 29.590937,715.00479 L 58.887532,693.71957 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1318" />
    <svg:path d="M 255.86718,784.34303 C 332.40996,727.88723 274.05421,860.44062 263.31313,888.84952 L 236.79105,901.16246 C 247.07753,874.67608 256.60966,848.85227 260.62217,820.54892 C 262.22831,809.21950 248.99635,792.29165 258.72839,786.27311 C 268.65556,780.13388 279.10356,774.87979 289.29115,769.18313 C 288.90504,768.75638 288.51893,768.32962 288.13282,767.90286 L 255.86718,784.34303 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1320" />
    <svg:path d="M 274.03581,869.96376 C 277.59128,877.77856 274.62461,884.80990 271.75152,892.47020 L 240.34099,907.03461 C 242.90170,900.68429 246.17614,894.61853 242.92113,888.19602 L 274.03581,869.96376 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1322" />
    <svg:path d="M 273.91833,487.83850 C 312.43619,452.00590 302.35908,494.04612 344.84779,491.40218 L 317.71889,511.29823 C 276.37417,512.45452 257.40391,472.80489 306.08167,471.45046 L 273.91833,487.83850 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1324" />
    <svg:path d="M 334.88753,489.71957 C 333.88959,496.09685 386.40108,475.44341 381.20091,478.56158 C 342.27617,501.90199 362.38039,489.49929 370.88579,477.95722 C 371.67117,476.54573 372.31848,475.06620 373.03482,473.62069 L 405.77375,459.08245 C 404.83753,460.59879 403.53492,461.88286 402.96509,463.63147 C 382.81087,494.55530 341.69572,509.91917 305.59094,511.00479 L 334.88753,489.71957 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1326" />
    <svg:path d="M 264.68045,332.97105 C 301.36828,312.03396 288.39833,316.37205 276.38882,339.69429 L 245.50176,353.69943 C 256.52362,329.99045 264.26818,322.54828 293.88414,311.75332 L 264.68045,332.97105 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1328" />
    <svg:path d="M 365.10354,315.73645 C 388.86784,317.02881 407.00978,327.96124 423.76642,344.19278 L 396.29665,361.14195 C 378.86625,345.23811 359.91167,335.71718 335.85340,336.98792 L 365.10354,315.73645 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1330" />
    <svg:path d="M 529.33005,744.76938 C 480.16593,771.38054 470.18644,726.74714 421.46967,790.82693 L 391.89255,803.54599 C 417.90357,769.48730 455.83258,740.76135 498.67350,732.14350 C 499.24078,732.02938 549.72264,736.13896 537.45579,745.50932 C 512.99798,764.19205 515.54751,760.65114 501.06230,766.99805 L 529.33005,744.76938 z " style="fill:#000000;fill-opacity:1.0000000;fill-rule:nonzero;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" id="path1346" />
  </svg:g>
</svg:svg>

		<!--  Raw HTML content: [end] -->
			
	<!--  CONTENT ELEMENT, uid:120/html [end] -->
		
		<!--  Inclusion of other records (by reference): [end] -->
			
	<!--  CONTENT ELEMENT, uid:154/shortcut [end] -->
		</span>
          <p class="footer">he.pi 2005. this website is based on typo3 content management system</p>
        <!--###contentwrap### end --></div>
      </td></tr>
   </table>
  <!--###mainwrap### end --></div>


</body>
</html>
