Text & Media - Text + Textbox (hochgezogen)

Die farbige Textbox wird nur nach oben gezogen, wenn das Element vor einem Element vom Typ Text/Media mit dem Layout Text + Bild (boxed) ist.

Die Links / Rechts Ausrichtung basiert automatisch auf dem vorherigen Element. Farben sind beliebig kombinierbar.

Hier dazu ein paar Beispiele:

zur Contentelemente Übersicht

Element allein stehend

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt semper nibh in malesuada. Phasellus nec porttitor elit, non aliquet metus. In tristique erat ac lorem placerat vestibulum. Etiam eu venenatis mi. Pellentesque et lacus enim. Nullam sagittis dui ac quam blandit, id posuere lorem ullamcorper. Duis dictum egestas enim eu volutpat.

Proin orci enim, maximus a lacus ac, lobortis lobortis mi. Praesent porttitor ipsum mi. Praesent nulla arcu, ullamcorper id aliquet non, convallis scelerisque nisl. Fusce ornare ultrices ultricies. Fusce facilisis diam dictum mollis vehicula. Sed nec mollis odio, quis varius lorem. Morbi tempus turpis mi, vitae laoreet enim gravida nec. Ut pretium ultrices lorem ac luctus. Mauris dolor mi, viverra ut elit vitae, rhoncus elementum ipsum.

Praesent porttitor ipsum mi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt semper nibh in malesuada. Phasellus nec porttitor elit, non aliquet metus. In tristique erat ac lorem placerat vestibulum. Etiam eu venenatis mi. Pellentesque et lacus enim. Nullam sagittis dui ac quam blandit, id posuere lorem ullamcorper. Duis dictum egestas enim eu volutpat. Proin orci enim, maximus a lacus ac, lobortis lobortis mi. Praesent porttitor ipsum mi. Praesent nulla arcu, ullamcorper id aliquet non, convallis scelerisque nisl. Fusce ornare ultrices ultricies.

Text + Bild (boxed), Bild links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt semper nibh in malesuada. Phasellus nec porttitor elit, non aliquet metus. In tristique erat ac lorem placerat vestibulum. Etiam eu venenatis mi. Pellentesque et lacus enim. Nullam sagittis dui ac quam blandit, id posuere lorem ullamcorper. Duis dictum egestas enim eu volutpat.

Proin orci enim, maximus a lacus ac, lobortis lobortis mi. Praesent porttitor ipsum mi. Praesent nulla arcu, ullamcorper id aliquet non, convallis scelerisque nisl. Fusce ornare ultrices ultricies. Fusce facilisis diam dictum mollis vehicula. Sed nec mollis odio, quis varius lorem. Morbi tempus turpis mi, vitae laoreet enim gravida nec. Ut pretium ultrices lorem ac luctus. Mauris dolor mi, viverra ut elit vitae, rhoncus elementum ipsum.

Element folgt Text + Bild (boxed) mit Bild links

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt semper nibh in malesuada. Phasellus nec porttitor elit, non aliquet metus. In tristique erat ac lorem placerat vestibulum. Etiam eu venenatis mi. Pellentesque et lacus enim. Nullam sagittis dui ac quam blandit, id posuere lorem ullamcorper. Duis dictum egestas enim eu volutpat.

Proin orci enim, maximus a lacus ac, lobortis lobortis mi. Praesent porttitor ipsum mi. Praesent nulla arcu, ullamcorper id aliquet non, convallis scelerisque nisl. Fusce ornare ultrices ultricies. Fusce facilisis diam dictum mollis vehicula. Sed nec mollis odio, quis varius lorem. Morbi tempus turpis mi, vitae laoreet enim gravida nec. Ut pretium ultrices lorem ac luctus. Mauris dolor mi, viverra ut elit vitae, rhoncus elementum ipsum.

Praesent porttitor ipsum mi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt semper nibh in malesuada. Phasellus nec porttitor elit, non aliquet metus. In tristique erat ac lorem placerat vestibulum. Etiam eu venenatis mi. Pellentesque et lacus enim. Nullam sagittis dui ac quam blandit, id posuere lorem ullamcorper. Duis dictum egestas enim eu volutpat. Proin orci enim, maximus a lacus ac, lobortis lobortis mi. Praesent porttitor ipsum mi. Praesent nulla arcu, ullamcorper id aliquet non, convallis scelerisque nisl. Fusce ornare ultrices ultricies.

Text + Bild (boxed), Bild rechts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt semper nibh in malesuada. Phasellus nec porttitor elit, non aliquet metus. In tristique erat ac lorem placerat vestibulum. Etiam eu venenatis mi. Pellentesque et lacus enim. Nullam sagittis dui ac quam blandit, id posuere lorem ullamcorper. Duis dictum egestas enim eu volutpat.

Proin orci enim, maximus a lacus ac, lobortis lobortis mi. Praesent porttitor ipsum mi. Praesent nulla arcu, ullamcorper id aliquet non, convallis scelerisque nisl. Fusce ornare ultrices ultricies. Fusce facilisis diam dictum mollis vehicula. Sed nec mollis odio, quis varius lorem. Morbi tempus turpis mi, vitae laoreet enim gravida nec. Ut pretium ultrices lorem ac luctus. Mauris dolor mi, viverra ut elit vitae, rhoncus elementum ipsum.

Element folgt Text + Bild (boxed) mit Bild rechts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt semper nibh in malesuada. Phasellus nec porttitor elit, non aliquet metus. In tristique erat ac lorem placerat vestibulum. Etiam eu venenatis mi. Pellentesque et lacus enim. Nullam sagittis dui ac quam blandit, id posuere lorem ullamcorper. Duis dictum egestas enim eu volutpat.

Proin orci enim, maximus a lacus ac, lobortis lobortis mi. Praesent porttitor ipsum mi. Praesent nulla arcu, ullamcorper id aliquet non, convallis scelerisque nisl. Fusce ornare ultrices ultricies. Fusce facilisis diam dictum mollis vehicula. Sed nec mollis odio, quis varius lorem. Morbi tempus turpis mi, vitae laoreet enim gravida nec. Ut pretium ultrices lorem ac luctus. Mauris dolor mi, viverra ut elit vitae, rhoncus elementum ipsum.

Praesent porttitor ipsum mi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt semper nibh in malesuada. Phasellus nec porttitor elit, non aliquet metus. In tristique erat ac lorem placerat vestibulum. Etiam eu venenatis mi. Pellentesque et lacus enim. Nullam sagittis dui ac quam blandit, id posuere lorem ullamcorper. Duis dictum egestas enim eu volutpat. Proin orci enim, maximus a lacus ac, lobortis lobortis mi. Praesent porttitor ipsum mi. Praesent nulla arcu, ullamcorper id aliquet non, convallis scelerisque nisl. Fusce ornare ultrices ultricies.

Um die Darstellung unserer Angebote auf dieser Website zu ermöglichen verwenden wir Cookies, welche für die grundlegenden Funktionen der Website zwingend erforderlich sind.

Zusätzlich verwenden wir weitere, optionale, Cookies, um unser Angebot kontinuierlich zu optimieren. Eine vollständige Liste und Beschreibung dieser Cookies finden Sie durch Betätigen der Schaltfläche Details. Sie haben ebenfalls die Möglichkeit alle oder nur die notwendigen Cookies zu akzeptieren. Bitte beachten Sie, dass unser Angebot mit eingeschränkten Cookies evtl. nicht vollständig nutzen können.

Für weitere Informationen lesen Sie bitte unsere Datenschutzerklärung.