--- title: Two text blocks with media below url: "https://www.toujou.de/service/elementbibliothek/text-elements/two-text-blocks-with-media-below/" date: 2019-01-11 modified: 2022-09-27 --- # Two text blocks with media below 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. [Two text blocks with media below](https://www.toujou.de/service/elementbibliothek/text-elements/two-text-blocks-with-media-below/) Two text blocks with media below ================================ Zwei Textblöcke gleicher Größe nebeneinander, jeweils mit einzelnen Medien darunter. Item-ID: 01-012 [Beispielansicht](#c1002899) [Anleitung](#c1002897) [Verhalten](#c1002895) ![](https://www.toujou.de/_assets/processed/uBUl9AdHkYQjIoWP3h1thnyie-U9y2SfLmpfZLJSbuE/q:85/w:433/h:54/fn:Y3NtXzAxXzAxMi1Ud29fdGV4dF9ibG9ja3Nfd2l0aF9tZWRpYV9iZWxvd18yMDAwXzI1MF84YTQxNmI0MThk:t/cb:145ccac5502a8cd1a084efbd6fe501fb98afc5c2/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9JY29ucy9Gb3JtYXRlL0JpYl8yMDAwXzI1MC8wMV9UZXh0X0VsZW1lbnRzXzIwMDBfMjUwLzAxXzAxMi1Ud29fdGV4dF9ibG9ja3Nfd2l0aF9tZWRpYV9iZWxvd18yMDAwXzI1MC5wbmc) --- Beispielansicht ----------------- ![](https://www.toujou.de/_assets/processed/KcgrNGHXLuJHfBA2v45NebuDRuKFszhNOXN-SD8NXXE/q:85/w:432/h:324/fn:Y3NtX2RlbW9fMDVfYzE2ZjBiNjM5MA:t/cb:e2b2d31c4fe4db136f6055bbe7500301aba6118d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzA1LmpwZw) 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. In his legimus gubergren mediocritatem, vim ne agam sale, essent torquatos id sea. Ei munere persius mea, ex pri cotidieque omittantur. Te scaevola constituam mea, ius alterum vulputate an. Te est mollis blandit. Te vel elitr alterum scriptorem. ![](https://www.toujou.de/_assets/processed/vIpw_5MffS4uAbgA8sXQTSAKuSl2OwqSdcjroMXdls4/q:85/w:432/h:324/fn:Y3NtX2RlbW9fMDNfZTRkNGM3MDE0Mw:t/cb:6b1497eb1f17c22d74e8bd016780c5531d0123ba/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzAzLmpwZw) 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. In his legimus gubergren mediocritatem, vim ne agam sale, essent torquatos id sea. Ei munere persius mea, ex pri cotidieque omittantur. Te scaevola constituam mea, ius alterum vulputate an. Te est mollis blandit. Te vel elitr alterum scriptorem. --- Anleitung ----------- [ ![](https://www.toujou.de/_assets/processed/6iAbtYAIy5igWsKcn0_Gv5Awd0qBWPDAfMibAZQXxFw/q:85/c:3056:1719:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAxMi0xX2VsZW1lbnRfZWluZnVlZ2VuXzMzOWIyZDMxMDQ:t/cb:a6d7480212b99148b252e965911118d35f0411c7/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMTItdHdvX3RleHRibG9ja3NfbWVkaWFfYmVsb3cvMDEtMDEyLTFfZWxlbWVudF9laW5mdWVnZW4ucG5n) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-012-two_textblocks_media_below/01-012-1_element_einfuegen.png) ### Textblöcke anlegen - Klicken Sie auf den Button **Inhalt***,* um einen Textblock zu erstellen. - Im Reiter *Text Elements* wählen Sie **Two text blocks with media below**. [ ![](https://www.toujou.de/_assets/processed/UudphXdU5Uuce7InyGgMa76zLykazlAE-HG__qiFTjU/q:85/c:1513:851.06249999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAxMi0yX3RleHRfZWluZnVlZ2VuXzMyODM2Y2E3MTE:t/cb:d2a8c16b96f493b4698e5b5d898bbd16c8c78069/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMTItdHdvX3RleHRibG9ja3NfbWVkaWFfYmVsb3cvMDEtMDEyLTJfdGV4dF9laW5mdWVnZW4ucG5n) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-012-two_textblocks_media_below/01-012-2_text_einfuegen.png) ### Text einfügen & formatieren - Geben Sie Ihre Texte in die Textfelder ein. - Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen. [ ![](https://www.toujou.de/_assets/processed/Dz20eI3XQr9elEzTbERGdeMCvIl5HGjxMLFNshuV9qA/q:85/c:3027:1702.6875:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAxMi0zX2JpbGRfaGluenVmdWVnZW5fYzk2YTJiMmNjMQ:t/cb:84c62407206b69d5dc872bcc5a89b48fa5669254/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMTItdHdvX3RleHRibG9ja3NfbWVkaWFfYmVsb3cvMDEtMDEyLTNfYmlsZF9oaW56dWZ1ZWdlbi5wbmc) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-012-two_textblocks_media_below/01-012-3_bild_hinzufuegen.png) ### Bilder einfü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. - Achten Sie auf das gleiche Seitenverhältnis bei den Bildausschnitten, damit alle Medien in der gleichen Größe ausgespielt werden. --- Verhalten ----------- Der *Text zweispaltig mit Medieninhalt darunter* gibt den von Ihnen eingefügten Inhalt in zwei Spalten wieder. Sie bestimmen in diesem Falle die Textinhalte je Spalte und es erfolgt kein automatischer Überlauf. **Responsive:** Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, werden zwei untereinander liegende Absätze angezeigt. Die entsprechenden Medien werden jeweils unter dem dazugehörigen Absatz angezeigt. **Besonderheiten:** Beide Spalten nehmen zusammen die maximale Textbreite ein. 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/)