[an error occurred while processing this directive]

Formulare ganz einfach erstellen

Onlineformulare mit wenigen Mausklicks einfach und bequem selbst gemacht

Hier klicken und mehr erfahren

Programme von Machern für Macher

Die Grammiweb-Produktreihe hält viele praktische Tools für Webdesigner bereit

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 23.12.24, Adresse: http://www.grammiweb.de/html/html039.shtml)

 

Textfluß um Grafiken

Dies ist die normale Auswirkung der Einbindung von Grafiken in einen Textfluss. Es sieht nicht übermäßig schön aus und stört im Regelfall das Layout ungemein.

Wird allerdings dieser HTML-Tipp angewandt, wird das Ganze schon viel angenehmer: Der Text scheint die Grafik zu umfließen. So sind viel stimmigere Layouts möglich, die nicht durch die Einbindung der Hingucker gestört, sondern von diesen nur unterstützt werden.

Natürlich kann unser Tipp auch auf am rechten Rand ausgerichtete Grafiken verwandt werden. Hierzu wird einfach die Ausrichtung des "ALIGN" auf "right" gesetzt, und schon fließt der Text nur um die linke Seite des Hinguckers. Binden Sie einfach die untenstehende Befehlszeile an der Stelle ein, an der die Grafik erscheinen soll, und variieren Sie die Ausrichtung ALIGN="" entweder Links ("left") oder Rechts ("right").

Übrigens empfehlen wir, diesen Tipp in Verbindung mit dem Tipp "Grafiken Freiräume zuweisen" zu verwenden. So kann der Text von der Grafik abgehoben werden, ohne den Textfluss selbst zu stören. Die einfache Verwendung von "VSPACE" und "HSPACE" schafft diesen Effekt, der sicherlich recht nützlich ist. Sie sehen ja wahrscheinlich schon an diesem Beispiel, wie die beiden zusätzlichen Attribute den umgebenden Text beeinflussen.

Quellcode:

<img src="GRAFIK" width="BREITE" height="HÖHE" align="LEFT">


Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 23.12.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt