Text für die Navigationsleisten einfügen

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

Nun fehlt noch der Text für die Navigationsleisten. Sie sollten dafür für jede einzelne Aufschrift ein <text>-Tag einfügen, um später auch unterschiedliche Hyperlinks zuweisen zu können. Damit Sie aber nicht alle Texte einzeln formatieren müssen, können Sie sie gruppieren und die gesamte Gruppe formatieren. Wie das geht, zeigt die nächste Seite.

Zunächst zu den Texten der linken Navigationsleiste. Sie können Sie einfach mit mehreren <text>-Tags definieren, deren Positionen Sie mit einem vertikalen Abstand von 30 Pixeln definieren. Der Code dafür sieht wie folgt aus und Sie sollten ihn wieder an das Ende der Datei vor dem </svg>-Tag anfügen.

  <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>

Der Code für die horizontale Navigationsleiste sieht ganz ähnlich aus, nur dass Sie hier die horizontalen Positionen ändern müssen.

  <text x="290" y="115">Kontakt |</text>
  <text x="341" y="115"> Impressum |</text>
  <text x="412" y="115"> Ziel der Seite |</text>
  <text x="494" y="115"> Weitere Projekte</text>

Hinweis:
Die horizontale Position der einzelnen Textelemente hängt von der Länge der Texte ab. Daher müssen Sie hier etwas probieren, wenn Sie einen einfachen Editor verwenden. In WebDraw können Sie jedoch die Elemente mit der Maus anklicken und über die Pfeiltasten exakt positionieren. Die Leerzeichen vor den Texten sind dazu da, die Lücke nach dem | zu definieren, die ja auch immer vor den Strichen ist. Damit erzielen Sie ein einheitliches Aussehen.

   

<< 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