--- title: Text with image left, inside text url: "https://www.toujou.de/service/elementbibliothek/text-elements/text-with-media-left-inside-text/" date: 2019-01-11 modified: 2022-09-27 --- # Text with image left, inside text 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/) 4. [Text Elements](https://www.toujou.de/service/elementbibliothek/text-elements/) 5. [Text with media left, inside text](https://www.toujou.de/service/elementbibliothek/text-elements/text-with-media-left-inside-text/) Text with media left, inside text ================================= Text mit Medium auf der linken Seite. Der Text umfließt das Medium. Item-ID: 01-002 [Beispielansicht](#c1002955) [Anleitung](#c1002953) [Verhalten](#c1002951) ![](https://www.toujou.de/_assets/processed/ufv3kbvvrVSnn_8QnfBqXrGjAfOKje08EcwN2Lp4kM0/q:85/w:433/h:54/fn:Y3NtXzAxXzAwMi1UZXh0X2ltZ19sZWZ0X2luc2lkZV8yMDAwXzI1MF8wMV8xMDFjNTljZTYx:t/cb:2a58094fcebebb8bdd3b699a0dccec0afe587530/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9JY29ucy9Gb3JtYXRlL0JpYl8yMDAwXzI1MC8wMV9UZXh0X0VsZW1lbnRzXzIwMDBfMjUwLzAxXzAwMi1UZXh0X2ltZ19sZWZ0X2luc2lkZV8yMDAwXzI1MF8wMS5wbmc) --- Beispielansicht ----------------- ![](https://www.toujou.de/_assets/processed/lw3W9aI_Y-0DgN74V_ZD-IZvtyCVrPxU1NmohXngpP4/q:85/w:433/h:325/fn:Y3NtX2RlbW9fMDdfYmYwMjI2MWY2Yw:t/cb:e82f8adb21395de668d29dba54362adc3a742d55/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzA3LmpwZw) 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 --------- [ ![](https://www.toujou.de/_assets/processed/C_EBYvYbktdbrZE5YHrPlVcfyCGrOMRMX5Q66asHNlM/q:85/c:2560:1440:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAwMi0xX2VsZW1lbnRfYW5sZWdlbl81OTZkZDVhNTg4:t/cb:0d885dac0c0a7f3761f1debe2168289b16d811bc/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMDItdGV4dF93aXRoX2ltYWdlX2xlZnRfaW5zaWRlLzAxLTAwMi0xX2VsZW1lbnRfYW5sZWdlbi5wbmc) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-002-text_with_image_left_inside/01-002-1_element_anlegen.png) ### Textfeld anlegen - Klicken Sie auf den Button **+Inhalt***,* um ein Textfeld zu erstellen. - Im Reiter *Text Elements* wählen Sie **Text with media left, inside text**. [ ![](https://www.toujou.de/_assets/processed/zCJtzj_gfjcdH7benzGqHSAk7nc_jmUt-qcMEXOcgmQ/q:85/c:2560:1440:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAwMi0yX3RleHRfZWluZnVlZ2VuX2Zvcm1hdGllcmVuX2I2OGExMWI1M2M:t/cb:5c8a73188855bb4a6fa42a2733c56ddf248f72fa/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMDItdGV4dF93aXRoX2ltYWdlX2xlZnRfaW5zaWRlLzAxLTAwMi0yX3RleHRfZWluZnVlZ2VuX2Zvcm1hdGllcmVuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-002-text_with_image_left_inside/01-002-2_text_einfuegen_formatieren.png) ### Text einfügen & formatieren - Geben Sie Ihren Text ins Textfeld ein. - Sollten Sie den Text aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen. - Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden. [ ![](https://www.toujou.de/_assets/processed/7biaKh8it7Nq6DexyvPTfp0fmLNGNJxBeKIgga4W9Po/q:85/c:2560:1440:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAwMi0zX2JpbGRfZWluZnVlZ2VuXzAyNWM0NzZiNDE:t/cb:70eba18d160041c75396dfd17068164d072f5962/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMDItdGV4dF93aXRoX2ltYWdlX2xlZnRfaW5zaWRlLzAxLTAwMi0zX2JpbGRfZWluZnVlZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-002-text_with_image_left_inside/01-002-3_bild_einfuegen.png) ### Medium einfügen - Um ein Bild einzufügen, klicken Sie auf den Button **Bild** **hinzufügen**. - Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner *(Datei auswählen und hochladen*) hoch. - Um ein Video anzuzeigen, klicken Sie auf **Medien nach URL hinzufügen**. [ ![](https://www.toujou.de/_assets/processed/mx_-kG_8_SamqMC0qD7lskF_Ke4iX5lMpMU-7eOI9u8/q:85/c:2560:1440:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAwMi00X2JpbGRfZm9ybWF0aWVyZW5fOWJlYmUzYmJmNw:t/cb:3cb0b4e0f05c0a79d4a0861de1fec3789e00f82c/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMDItdGV4dF93aXRoX2ltYWdlX2xlZnRfaW5zaWRlLzAxLTAwMi00X2JpbGRfZm9ybWF0aWVyZW4ucG5n) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-002-text_with_image_left_inside/01-002-4_bild_formatieren.png) ### Bild formatieren - Bildinformationen und Links könnten hier direkt eingegeben werden. - Der Bildausschnitt kann unter *Editor öffnen* angepasst werden. --- ### Automatische Wiedergabe von Medien Wenn Sie mehr als ein Medium innerhalb desselben Elements einsetzen, haben Sie die Möglichkeit, die Wiedergabe zu automatisieren. Um ein einheitliches Bild zu gewährleisten, werden alle eingesetzten Medien auf dasselbe Format (16:9) zugeschnitten. [ ![](https://www.toujou.de/_assets/processed/JifPUxrl_I7sWOE9Ud9tNfSLNIrAJzwUIs2_D5s9E_Y/q:85/c:1075.98:277:fp:0.499:0.5/rt:force/w:432/h:111/fn:Y3NtX0F1dG9tYXRpY19TbGljZXJfTWVkaWFfRWxlbWVudHNfYjk0OTEyMzAzZA:t/cb:4672a7b07f9ba75bc8c8b644a15f357d4d6438df/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5L0F1dG9tYXRpY19TbGljZXJfTWVkaWFfRWxlbWVudHMucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/Automatic_Slicer_Media_Elements.png) Settings-Optionen für Medienelemente mit zwei und mehr Medien - ***Slide automatically***: Aktivieren Sie den Regler mittels Klick, um die automatische Wiedergabe einzurichten. - ***Interval of auto slidings (in seconds)***: Standardmäßig wird nach 6 Sekunden das nachfolgende Medium eingeblendet. Wenn Sie diese Frequenz ändern möchten, betätigen Sie den Regler entsprechend auf einer Skala von 1 bis 15 Sekunden (nur wenn *Slide automatically* aktiviert ist). --- Verhalten ----------- Ein *Textelement mit Medium links im Text* gibt den von Ihnen eingefügten Inhalt wieder. Der Text umfließt das linksbündig dargestellte Medium. **Responsive:** Das Medium wird bis zu einer bestimmten Bildschirmgröße in einem festen Verhältnis zum Text angezeigt. **Besonderheiten:** Je nach Template eine begrenzte Textlaufweite sowie die Darstellung nahezu aller Textinhalte wie Links, Formatierungen und auch Tabellen. Verknüpfte Themen ----------------- Erläuterungen aus dem [toujou](https://www.toujou.de/service/toujou-setup/)- & [TYPO3-Setup](https://www.toujou.de/tutorials/), die mit dieser Elementanleitung in Verbindung stehen. [Textbearbeitung](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) [Bildbearbeitung](https://www.toujou.de/tutorials/seiteninhalte/bildbearbeitung/) [Dateiliste](https://www.toujou.de/tutorials/dateiliste/) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)