Bildpositionierung (1)

  • Ein Bild soll im Text platziert werden. Üblicherweise erscheint das Bild dort, wo der <IMG>-Tag steht. Die Textzeile wird in Folge so hoch gemacht, wie das Bild hoch ist, was durchaus unschön aussehen kann. Steuern lässt sich die Platzierung aber durch den align-Befehl (= Ausrichtung) im <IMG>-Tag. Will man ein Bild links platzieren, dann wählt man align="left", der Text fließt rechts vorbei. Will man das Bild rechts platzieren, der Text soll also links vorbeifließen, dann heißt es: align="right". Den Abstand zwischen Bild und Text kann man dabei auch noch festlegen über vspace=x (vertikal = unten/oben) und hspace=x (horizontal = links/rechts). Ein Beispiel soll dies darstellen: <IMG src="bild.jpg" align="left" vspace=10 hspace=5> Hierbei wird das Bild links platziert, der Text fließt rechts vorbei. Abstand zwischen Bild und Text ist oben und unten 10 Pixel, links und rechts sind es 5 Pixel.