Einfaches Positionieren von Text und Bildern

TYPO3 macht das Arbeiten mit Texten und Bildern zum Kinderspiel. TYPO3's Text mit Bild Inhaltselement gibt Redakteuren präzise Kontrolle über Beschriftungen, alternative Textattribute, Bildgröße, Qualität und Layout. TYPO3's Core-Tools zur Bildbearbeitung können durch Backend-Redakteure hochgeladene Bilddateien automatisch optimieren, um die Dateigröße und die benötigte Seiten-Ladezeit zu reduzieren.

Position: Im Text, links

TYPO3 - Position im Text, links

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

Position: Im Text, rechts

TYPO3 - Position im Text, rechts

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

TYPO3 - Positionierung von Bildern neben dem Text, links

Position: Neben dem Text, links

Position: Im Text, linksNam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

TYPO3 - Positionierung von Bildern neben dem Text, rechts

Position: Neben dem Text, rechts

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

Position: Darüber, links

TYPO3 - Positionierung von Bildern über dem Text, links

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

Position: Darüber, rechts

TYPO3 - Positionierung von Bildern über dem Text, rechts

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

Position: Darunter, links

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

TYPO3 - Positionierung von Bildern unter dem Text, links

Position: Darunter, rechts

Nam aliquam, lorem nec dapibus feugiat, ipsum quam laoreet arcu, sed ullamcorper augue augue vitae magna.

Hambiam est lectus, interdum id, accumsan a, blandit quis, mauris placerat sit amet, nibh. Lacus lectus est mattis vel, pharetra sit amet. Nam laoreet, erat ac laoreet euismod, sapien felis pretium libero, semper euismod mauris metus quis tortor.

TYPO3 - Positionierung von Bildern unter dem Text, rechts
Über diese Seiten

Die Seiten in diesem Abschnitt des Einführungspakets demonstrieren die verschiedenen, den Redakteuren im TYPO3 Backend zur Verfügung stehenden Inhaltselemente sowie deren Erscheinungsbild im Frontend. Layout und Verhalten dieser Beispiele sind über TypoScript und CSS konfigurierbar.