startseitekatalogpraxiswerkzeugeressourcenmagazingrammiweb

(Stand: 03.03.25, 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:

Zurück zum Inhaltsverzeichnis

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