Texte gruppieren und formatieren

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Nun fehlt natürlich noch die Formatierung für die Texte in den Navigationsleisten. Am einfachsten können Sie das bewerkstelligen, indem Sie die einzelnen Textelemente, die zu einer Navigationsleiste gehören, in das Tagpaar <g> und </g> einfassen. Damit definieren Sie eine Elementgruppe, die Sie dann einheitlich über ein einziges style-Attribut für die Gruppe formatieren können. Dazu ergänzen Sie den Quellcode wie folgt:

<g id="vertikal" style="font-family:'Arial Black',Helvetica;font-size:12;fill:rgb(0,0,0)">
  <text x="10" y="230">Was ist SVG?</text>
  <text x="10" y="260">SVG FAQ</text>
  <text x="10" y="290">Links</text>
  <text x="10" y="320">Beispiele</text>
  <text x="10" y="350">Editoren</text>
  <text x="10" y="380">Viewer und Tools</text>
</g>
<g id="horizontal" style="font-family:'Arial Black',Helvetica;font-size:12;fill:rgb(0,0,0)">
  <text x="290" y="115">Kontakt |</text>
  <text x="361" y="115"> Impressum |</text>
  <text x="452" y="115"> Ziel der Seite |</text>
  <text x="554" y="115"> Weitere Projekte</text>
</g>

Hinweis:
Unter Umständen müssen Sie nach der Formatierung noch die Positionen der Texte der horizontalen Navigationsleiste korrigieren. Das ist abhängig von der von Ihnen gewählten Schriftart und Größe.

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de