Sprungmarken

Servicenavigation

Hauptnavigation

Sie sind hier:

Hauptinhalt

Bilder

Bildunterschrift soll gesetzt werden

Wenn ein Bild zusammen mit einer Bildunterschrift auf einer Seite eingebunden werden soll, ist derzeit manuelles Bearbeiten des HTML-Quelltexts notwendig.

Weiter geht es daher nur für HTML-Experten:


Zunächst muss das Bild über den Editor eingefügt werden. Dann in die Quelltextansicht wechseln (Werkzeuge - Quelltext). Unmittelbar vor dem img-Tag des eingefügten Bildes folgenden Quelltext einfügen („links“ ggf. durch „rechts“ austauschen):

<div class="bild_links_mit_unterschrift" style="width: 30em;">

Im img-Tag die Style-Angabe hinzufügen:

<img alt="Ein Foto von..." src="..." style="width: 30em;" />

Hinter dem IMG-Tag einen Paragraf mit der Bildunterschrift einfügen und das div-Tag schließen:

<p>Hier steht die Bildunterschrift.</p>
</div>

Insgesamt steht dort ein solches Konstrukt:

<div class="bild_links_mit_unterschrift" style="width: 30em;">
   <img alt="Ein Foto von..." src="..." style="width: 30em;" />
   <p>Hier steht die Bildunterschrift.</p>
</div>

Wichtig: Im „style“-Attribut des div-Tags und des Bildes sollte die gleiche Breitenangabe stehen. Hier ist als Beispiel "30em" gewählt. Diese ist je nach Bildgröße zu ändern und wie folgt zu errechnen: Breite des Bildes geteilt durch 10. Wenn ein Bild also 300px breit ist, ergibt dies 30em.

Standardmäßig umfließt der weitere Text auf der Seite das Bild (und die Bildunterschrift). Dies kann verhindert werden, indem in dem DIV die Klasse "bild_links_mit_unterschrift_ohne_umfluss" gewählt wird. Nicht umfließende Texte sind zurzeit nur für links-ausgerichtete Bilder möglich.