Home > Structure > Handbücher > verlinkte facts > Inhalte einbinden > Bilder ausrichten
A newer version of this fact exists. (view)

Bilder ausrichten
 
Bildgröße

Wenn Sie ein Bild im Text- oder HTML-Modus einbinden, empfiehlt es sich, Breite und/oder Höhe der Grafik mit anzugeben. Wenn der Browser entnehmen kann wie groß die Grafik sein wird, kann die Seite schneller aufgebaut werden. Die Angabe von Höhe und Breite erlaubt Ihnen zudem, die Größe des Bildes zu verändern:

<factimage 104281.0 width="30" height="30"/>

Es kann jedoch zu Verzerrungen kommen, wenn Sie nicht das genaue Breiten-Höhen-Verhältnis angeben. Wenn Sie Verzerrungen vermeiden wollen, geben sie nur eine Größe an:

<factimage 104281.0 width="30"/>    oder    <factimage 104281.0 height="30"/>


Ausrichtung

Um die Ausrichtung eines Bildes zum Text beeinflussen zu können beachten Sie folgende Hinweise:

Bild zwischen Absätzen ausrichten <div align="Ausrichtung"><factimage 104281.0/></div>
Für Ausrichtung einen der folgenden Werte notieren:
center = das Bild wird zentriert
left = das Bild wird auf der linken Seite eingefügt
right = das Bild wird auf der rechten Seite eingefügt

Bild in der Textzeile ausrichten <factimage 104281.0 align="adjustment"/>
Für Ausrichtung einen der folgenden Werte notieren:
top = das Bild wird am oberen Rand in die Textzeile eingefügt.
middle = das Bild wird mittig in die Textzeile eingefügt.
bottom = das Bild wird am unteren Rand in die Textzeile eingefügt.

Text um Bild fließen lassen <factimage 104281.0 align="adjustment" hspace="LeftRight" vspace="TopBottom"/>
Für Ausrichtung einen der folgenden Werte notieren:
left = Bild links ausrichten (nachfolgender Text fließt rechts vorbei).
right = Bild rechts ausrichten (nachfolgender Text fließt links vorbei).

LeftRight
= eine Zahl wie z.B. 10 notieren, um den Pixelabstand vom Bild zur Umgebung links und rechts zu bestimmen.
TopBottom = eine Zahl wie z.B. 10 notieren, um den Pixelabstand vom Bild zur Umgebung oben und unten zu bestimmen.

Bild als Button anlegen <factlink 117559.0><factimage 104280.0 border="0"/></factlink>





Metainfo:
Author: Astrid Holzhauser; Published by: Angela Gamsriegler (gamsrieglera)
factID: 153438.4 (...history); published on 29 Mar. 2006 13:54
 
Shortcuts:
Structure  >  Handbücher  >  verlinkte facts  >  Inhalte einbinden 
 
Referers (2):
Teil II: Inhalte erstellen04 Jun. 2014factlink
Bilder in Texte einbinden03 Sep. 2010factlink