---
title: "HTML with Text (left, 33 %)"
url: "https://www.toujou.de/service/elementbibliothek/html/html-with-text-left-33/"
date: 2019-01-11
modified: 2026-01-16
---
# HTML with Text (left, 33 %)
1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/)
4. [HTML](https://www.toujou.de/service/elementbibliothek/html/)
5. [HTML with Text (left, 33 %)](https://www.toujou.de/service/elementbibliothek/html/html-with-text-left-33/)
HTML with Text (left, 33 %)
===========================
Probieren Sie Ihre Programmierung-Skills aus mit unserem HTML-Element auf der linken Seite und Text auf der rechten Seite im Verhältnis 67:33.
Item-ID: 07-014
[Beispielansicht](#c1003718) [Anleitung](#c1003713)
---
Beispielansicht
-----------------
Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents.
---
Anleitung
-----------
[  ](https://www.toujou.de/fileadmin/toujou/tutorials/HTML/03_001_HTML_text_left_33_Elementauswahl.png) ### HTML-Element einfügen
- Klicken Sie auf den Button **Inhalt***,* um ein HTML-Element zu erstellen.
- Im Reiter *Widgets* wählen Sie **HTML with text (left, 33 %)**; HTML width: 33%, Text width: 67%.
[  ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/05_HTML/05-02_HTML_Consenteinstellung_bestimmen.png) ### Consent-Einstellungen auswählen
- Klicken Sie die gewünschte Einstellung im *Dropdown-Menü* an.
- Für das Anzeigen der externen Inhalte gemäß den Einstellungen des Website-Benutzers wählen Sie die oberste Option (empfohlen), für das Anzeigen der Inhalte unabhängig der Besucher-Einstellungen die mittlere Option und für das standardmäßige Blockieren aller externen Inhalte die untere Option.
[  ](https://www.toujou.de/fileadmin/toujou/tutorials/HTML/002_HTML_und_Text_einfuegen.png) ### HTML-Code & Text einfügen
- Im Reiter *Content* schreiben Sie im untergeordneten Reiter *HTML* direkt HTML oder fügen einen externen Code ein.
- Im Reiter *Text* fügen Sie Text 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.
---
Video-Tutorial via jweiland.net
-------------------------------
### HTML-Code einfügen (Video)
Im Video wird als Beispiel das Einbinden einer Google Map verwendet.
Hinweis: [In toujou sind Google Maps als Elemente integriert](https://www.toujou.de/service/elementbibliothek/map-elements/), daher ist der Vorgang im Video rein exemplarisch ergänzend für die Einbindung externer Quellen zu betrachten.
**Laufzeit**: 3'11"
[Video bei jweiland.net aufrufen ↗](https://vimeo.com/235889931)
---
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/) [Alle Combined Elements](https://www.toujou.de/service/elementbibliothek/combined-elements/)