---
title: "Image-Teaser 50%, right"
url: "https://www.erschmatt.ch/bibliothek-1/teaser-elements/image-teaser-50-right/"
date: 2018-02-07
modified: 2023-05-15
lastUpdated: 2023-05-15
---

# Image-Teaser 50%, right

1. [Home](https://www.erschmatt.ch/)
2. [Bibliothek](https://www.erschmatt.ch/bibliothek-1/)
3. [Teaser Elements](https://www.erschmatt.ch/bibliothek-1/teaser-elements/)
4. Image-Teaser 50%, right

  Image-Teaser 50%, right
=======================

Ein Bild (Originalformat) rechts und Text (mit einem Button) links.

Item-ID: 02-004

[Beispielansicht](#c260) [Anleitung](#c255) [Verhalten](#c253)

 Oops, an error occurred! Request: 55241b0671b15 Event: 9bd8eedb2686402b955d7ddcb1e70bcd  Beispielansicht
-----------------

    ![](https://www.erschmatt.ch/fileadmin/_processed_/a/9/csm_demo_02_aa93edd08d.jpg)  Lorem ipsum dolor sit amet, mollis vocibus at cum. Eos te iriure epicurei, in pri iisque eligendi. Et has recusabo sapientem, usu delectus recteque accusamus an. In doming luptatum vis, voluptua democritum mel at. Mei aeque vidisse intellegat et, vitae fabulas consulatu eum an, vis te justo noluisse.

[Beautiful Button](https://www.toujou.de/)

---

  Anleitung
-----------

 Oops, an error occurred! Request: 55241b0671b15 Event: 003e0423f35a4b7cac7dbfb9c982c156 ---

  Verhalten
-----------

 Der *Image-Teaser 50%, rechts* gibt den von Ihnen eingefügten Inhalt neben einem Bild wieder. Voreingestellt erscheint der Teaser mit Text und einem Button.

**Responsive:** Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, zeigen alle Teaser das zuvor nebenstehende Bild über dem Text an. So sind Sie in der Lage, wechselnde Teaser, bei ausreichender Fläche, zu verwenden. Gleichzeitig werden, unabhängig der ursprünglichen Ausrichtung, einheitliche Teaser auf kleinen Endgeräten gewährleistet.
 **Besonderheiten:** Der Teaser nimmt immer die volle Breite des Inhalts ein. Bitte beachten Sie, dass der Teaser das Bildformat nicht verändert.

 ---

 ---

       ---

 ### Teaser anlegen

Bild

- Klicken Sie auf den Button **Inhalt***,* um einen Teaser-Element zu erstellen.
- Im Reiter *Teaser Elements* wählen Sie **Cinema-Teaser 50%, left**.

### Text einfügen

BILD

- Geben Sie Ihre Texte in das Textfeld ein.
- Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.

### Text formatieren

BILD

- Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden.

### Bild einfügen

BILD

- Klicken Sie auf den Button **Bild hinzufügen**.
- Wählen Sie eine Datei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch.

---

---

  [### Cinema-Teaser 50%, links

Ein Bild (Format 16:9) links und Text mit einem Button rechts.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/widgets/forms/)

 [### Cinema-Teaser 50%, rechts

Text mit einem Button links und ein Bild (Format 16:9) rechts.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/widgets/html/)

### Image-Teaser 50%, links

Ein Bild (original Format) links und Text mit einem Button rechts.

 Mehr

  Folgende Themen könnten Sie auch interessieren
------------------------------------------------