Hintergrundfarbe im Artikel über mehrere Elemente hinweg

Hallo contao-Experten,

ich sitze vor dem Problem, dass ich in einem Artikel bei mehreren, aber nicht allen Elementen, eine Hintergrundfarbe setzen möchte.
Vermeiden möchte ich, dass ich in allen Elementen, die betroffen sind, eine CSS-Klasse pflege, sondern ich würde gerne eine Art "Container" um die betroffenen Elemente herum haben, bei dem dann die Hintergrundfarbe einmal gesetzt wird.
Somit pflege ich es an einer Stelle und habe nicht das Problem, dass bei Abständen zwischen Elementen die Hintergrundfarbe nicht erscheint.
Hat jemand eine Idee? Aktuell stehe ich auf dem Schlauch...

Wichtig: Hintergrundfarbe soll nicht für den gesamten Artikel gelten, sondern immer nur für einen zu definierenden Teil.

Vielen Dank für jede Hilfe.

Da die Hintergrundfarbe für mehrere, aber nicht alle Inhaltselemente im Artikel gelten soll, musst Du die mit "irgendwas" umschließen.

Einfachste Lösung: Inhaltselement HTML mit einem öffnenden Div und ein zweites mit einem schließenden Div.

Danke für die Antwort. Ich stand wahrlich auf dem Schlauch. Diese Methode wollte ich die ganze Zeit mit dem Elementtyp "Code" realisieren. Für den Elementtyp "HTML" war ich blind.

Falls es noch andere Lösungen für mein Problem gibt, dann gerne... Aber ich habe es mittels

HTML-Code:

---

<div class="bg">

---

gelöst.

"code" ist eine Quelltextansicht, das hab ich auch schon mal verwechselt :-)

Eine Nenneswert andere Lösung wird es wohl nicht geben.

Letztenendes mußt Du immer einen Wrapper erzeugen, was Du via HTML-Tag (div,section oder article) machst.
Man könnte dafür noch Inhaltselemente bauen, aber solange es kein Problem mit Deinen Redakteuren gibt, ist das okay so.

Ggf. könntest Du es noch in mehrere Artikel aufteilen, so dass wirklich nur die betreffenden Inhalte in einem Artikel stehen und die anderen drüber/drunter in einem eigenen Artikel stehen.

Zitat:

---

Zitat von f991d0a31c

Falls es noch andere Lösungen für mich Problem gibt, dann gerne... Aber ich habe es mittels

HTML-Code:

---

<div class="bg">

---

gelöst.

---

Der Vollständigkeit halber vermute ich auch noch den schliessenden Tag dazu:

HTML-Code:

---

<div class="bg"></div>

---

Aber natürlich.
Ich verwende zwei Elemente im Artikel, jeweils vom Elementtyp "HTML".

1.

HTML-Code:

---

<div class="wrapper">

---

und 2.

HTML-Code:

---

</div>

---

Mittels CSS-Klasse "wrapper" setze ich nun Hintergrund und Abstände.

Der @MackP hat mich gerade noch darauf hingewiesen, dass man diese "Wrapper-Elemente" auch super mit dem Modul SemanticHTML5 umsetzen kann.
Ist zwar im ER nur bis 3.2 freigegeben, sollte aber auch mit 3.5 laufen.