--- title: Three text blocks with media below url: "https://www.toujou.de/service/elementbibliothek/text-elements/three-text-blocks-with-media-below/" date: 2019-01-11 modified: 2022-09-27 --- # Three 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. [Three text blocks with media below](https://www.toujou.de/service/elementbibliothek/text-elements/three-text-blocks-with-media-below/) Three text blocks with media below ================================== Drei Textblöcke gleicher Größe nebeneinander, jeweils mit einzelnen Medien darunter. Item-ID: 01-013 [Beispielansicht](#c1002891) [Anleitung](#c1002889) [Verhalten](#c1002887) ![](https://www.toujou.de/_assets/processed/IfKopm0W9YFBB07JWsFKT1tcbM6yY_ydbWF59u0tqlM/q:85/w:433/h:54/fn:Y3NtXzAxXzAxMy1UaHJlZV90ZXh0X2Jsb2Nrc193aXRoX21lZGlhX2JlbG93XzIwMDBfMjUwX2Q0N2YzYmY2NWI:t/cb:393b33cc7c197399e9cae8c1308e7685e7a6e3b2/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9JY29ucy9Gb3JtYXRlL0JpYl8yMDAwXzI1MC8wMV9UZXh0X0VsZW1lbnRzXzIwMDBfMjUwLzAxXzAxMy1UaHJlZV90ZXh0X2Jsb2Nrc193aXRoX21lZGlhX2JlbG93XzIwMDBfMjUwLnBuZw) --- Beispielansicht ----------------- ![](https://www.toujou.de/_assets/processed/lm30-aX9KgHOJPCq6fr2xq8rU1uynAK8qzRtTIeyplA/q:85/w:432/h:324/fn:Y3NtX2RlbW9fMDdfYjg0OWFmYTMxMQ:t/cb:e82f8adb21395de668d29dba54362adc3a742d55/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzA3LmpwZw) 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/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/cEbQ4SB-4KSfG2vIXDVEtU2eM8C4L6FsBJNE5-aTCaM/q:85/w:432/h:324/fn:Y3NtX2RlbW9fMDFfNjU5ZjkzZWNhYQ:t/cb:6ef5730217ea1a3cc74c39083426314a69fd0593/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzAxLmpwZw) 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/q6zFIw6hcXxp8Q8TE4KXf5T6gE7xUVlDfZ37nlsFQZ4/q:85/c:3056:1719:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAxMy0xX2VsZW1lbnRfZWluZnVlZ2VuXzU3MGQzYmI2Njg:t/cb:c496eec354eddcf40c29152215719f58d6686d5f/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMTMtdGhyZWVfdGV4dGJsb2Nrc19tZWRpYV9iZWxvdy8wMS0wMTMtMV9lbGVtZW50X2VpbmZ1ZWdlbi5wbmc) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-013-three_textblocks_media_below/01-013-1_element_einfuegen.png) ### Textblöcke anlegen - Klicken Sie auf den Button **Inhalt***,* um Textblöcke zu erstellen. - Im Reiter *Text Elements* wählen Sie **Three text blocks with media below**. [ ![](https://www.toujou.de/_assets/processed/8Gte7P9fh5Hk-qDZgp5VO5Wz9-hfveiqIeQFFP9FEbE/q:85/c:1513:851.06249999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAxMy0yX3RleHRfZWluZnVlZ2VuXzA3OTZkOTAxMGM:t/cb:9d9c62e5b7f0a3f9819374efd41faa7dda3f3e8d/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMTMtdGhyZWVfdGV4dGJsb2Nrc19tZWRpYV9iZWxvdy8wMS0wMTMtMl90ZXh0X2VpbmZ1ZWdlbi5wbmc) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-013-three_textblocks_media_below/01-013-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. - Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden. [ ![](https://www.toujou.de/_assets/processed/aVksc9Vq7MZ1obcRULstVmhQQ5-0U1C_t6hwO0b0eck/q:85/c:3027:1702.6875:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAxLTAxMy0zX2JpbGRfaGluenVmdWVnZW5fYzI5Y2NiZGNjNA:t/cb:d10336b8f16e0a9859c4d440ed2b2cbcaddaa04b/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMDFfVGV4dF9FbGVtZW50cy8wMS0wMTMtdGhyZWVfdGV4dGJsb2Nrc19tZWRpYV9iZWxvdy8wMS0wMTMtM19iaWxkX2hpbnp1ZnVlZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/01_Text_Elements/01-013-three_textblocks_media_below/01-013-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 dreispaltig mit Medieninhalt darunter* gibt den von Ihnen eingefügten Inhalt in drei 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, wird zunächst der erste Absatz über zwei nebeneinander liegenden Absätzen angezeigt, wobei der erste Absatz das dazugehörige Bild rechts neben dem Bild platziert. Bei kleinen Darstellungsflächen werden letztlich alle Absätze untereinander angezeigt. **Besonderheiten:** Alle Spalten nehmen zusammen die maximale Inhaltsbreite 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/)