SELFHTML/Quickbar  HTML  Grafik in HTML


Abstand zwischen Grafik und umgebendem Text

Diese Seite ist ein Dokument mit Informationstext

 Abstand zwischen Grafik und Text definieren

 

HTML3.2 Abstand zwischen Grafik und Text definieren

Beispiel Anzeigebeispiel: So sieht's aus

Sie können bestimmen, wie groß der Abstand zwischen einer Grafik und ihrer Umgebung sein soll.

Beispiel 1:

<img src="datei.gif" align=left hspace=20>Text, der um die Grafik fließt

Beispiel 2:

<p>Text über der Grafik</p>
<img src="datei.gif" vspace=30>
<p>Text unter der Grafik</p>

Beispiel 3:

<div align=center>
<p>Text über der Grafik</p>
<p>Text links von Grafik<img src="datei.gif" align=absmiddle hspace=40 vspace=40>Text rechts von Grafik</p>
<p>Text unter der Grafik</p>
</div>

Erläuterung:

Mit hspace= [Pixel] bestimmen Sie den Abstand zwischen einer Grafik und anderen Elementen links bzw. rechts davon (hspace = horizontal space = horizontaler Abstand).
Mit vspace= [Pixel] bestimmen Sie den Abstand zwischen einer Grafik und anderen Elementen darüber bzw. darunter (vspace = vertical space = vertikaler Abstand).

Beide Angaben sind auch gleichzeitig möglich, so wie im dritten der obigen Beispiele.

Beachten Sie:

Die Angabe hspace= betrifft immer den linken und den rechten Randabstand von der Grafik, die Angabe vspace= immer den oberen und den unteren Randabstand. Wenn Sie also beispielsweise bei einer links ausgerichteten Grafik hspace= definieren, wird nicht nur rechts der Grafik zum nebenstehenden Text ein Abstand erzeugt, sondern auch links zum Rand des Anzeigefensters hin. Um dies zu verhindern, können Sie exakter arbeiten, indem Sie  CSS Style-Sheets verwenden. Mit Hilfe der Style-Sheet-Angaben zu  Abständen, Rändern, Ausrichtung im <img>-Tag können Sie gezielt Abstände an einer Seite definieren.


 
weiter: Grafiken in zwei Versionen laden
zurück: Text um Grafiken fließen lassen
 

SELFHTML/Quickbar  HTML  Grafik in HTML

© 1998  Stefan Münz, muenz@csi.com