---
title: Text with image left, beside text
url: "https://www.erschmatt.ch/bibliothek-1/text-elements/text-with-image-left-beside-text/"
date: 2018-02-07
modified: 2023-05-15
lastUpdated: 2023-05-15
---

# Text with image left, beside text

1. [Home](https://www.erschmatt.ch/)
2. [Bibliothek](https://www.erschmatt.ch/bibliothek-1/)
3. [Text Elements](https://www.erschmatt.ch/bibliothek-1/text-elements/)
4. Text with image left, beside text

  Text with image left, beside text
=================================

Text mit Bild auf der linken Seite. Der Text und das Bild stehen nebeneinander.

Item-ID: 01-003

[ Beispielansicht ](#c36) [Anleitung](#c32) [Verhalten](#c29)

 Oops, an error occurred! Request: 9069c33ca64d2 Event: 8fba8e3047d644e097885e53b0f3b685 ---

  Beispielansicht
-----------------

   ![](https://www.erschmatt.ch/fileadmin/_processed_/8/8/csm_Schieder_Schieder-Schwalenberg_0f9b10ca75.jpg) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

---

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

 Oops, an error occurred! Request: 9069c33ca64d2 Event: 11549b8a4f3246908120e53eea2e59ae ---

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

 Ein *Textelement mit Bild links neben dem Text* gibt den von Ihnen eingefügten Inhalt wieder. Der Text steht hierbei neben dem linksbündig dargestellten Bild und dessen optionaler Bildunterschrift.

**Responsive:** Das Bild wird bis zu einer bestimmten Bildschirmgröße in einem festen Verhältnis zum Text angezeigt. Ist nicht ausreichend Platz vorhanden, wird es über dem Text auf voller Breite dargestellt.
 **Besonderheiten:** Bild und Text sind gemeinsam so breit wie der gesamte Inhaltsbereich.

 ---

 ### Textfeld anlegen

BILD

- Klicken Sie auf den Button **Inhalt***,* um ein Textfeld zu erstellen.
- Im Reiter Text Elements wählen Sie **Text with image left, inside text**.

### Text einfügen

BILD

- Geben Sie Ihren Text ins Textfeld ein.
- Sollten Sie den Text aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.

### Bild einfügen

BILD

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

### Text formatieren

BILD

- Der Text kann direkt im Textfeld mit dem Menü über dem Textfeld formatiert werden.
- Weitere Infomationen zum Bildbearbeitung finden Sie unter xxx

---

       ---

---

  [### Einfacher Text

Einfaches Textelement. Formatierungen können direkt im Text vorgenommen werden.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/combined-elements/headline-with-text-and-image-left-beside/)

 [### Bild links im Text

Text mit Bild auf der linken Seite. Der Text umfließt das Bild.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/combined-elements/headline-with-text-and-image-left-inside/)

 [### Bild rechts im Text

Text mit Bild auf der rechten Seite. Der Text umfließt das Bild.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/combined-elements/headline-with-text-and-button/)

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