erstellen mit Seiteninhalt Typ Bilder oder Text mit Bildern und Bildbeschriftung mit HTML-Tag h2
erstellen mit Seiteninhalt Typ Bilder oder Text mit Bildern und Bildbeschriftung mit Ausrichtung rechts und HTML-Tag h1
Achtung: bei automatischen Zeilenumbruch geht im Mozilla der weiß-gelbe Beschriftungstext-Hintergrund immer über die ganze Bildbreite, mit <br> richtet sich die Hintergrundbreite nach der Textlänge - beim Internet Explorer ist sie immer variabel!
AUSGETRICKST! Seiteninhalt Text, Bilder im Editor einfügen und dann direkt HTML-Code ändern: 2 Divs mit class=teaser-left/-right
Verlinkung nur in Teil von Bildbeschriftung: Anleitung
Bildausrichtung und Textausrichtung sind frei wählbar!
Die Bildhöhe ist auch frei wählbar, die Bildbreite sollte 160 (h3-h6) bzw. 280 oder 580px (h1-h6) sein. Die Oberkante des Teasertextes hat einen per CSS definierten Abstand zum unteren Bildrand. Die Breite des Teasertextblocks ist nun ist variabel!!
Über HTML-Tags in der Bildbeschriftung kann Schriftgröße bzw. Hintergrund (h1-h6) und Zeilenumbruch (<br>) gesteuert werden - sonst ist es normal kleiner Text direkt unter dem Bild wie bisher.
Mit Tags p, sup/sub oder class-Angaben wären noch weitere Layout-Varianten definierbar...
Bei Verlinkung können die Mouseover-Texte im Bild-Reiter unten bei Barrierefreiheit ins Feld Titel eingetragen werden. Die Checkbox 'Bei Klick vergrößern' muss deaktiviert bleiben!