Gunnar Bittersmann: Tabelle, DIV oder gar etwas ganz anderes?

Beitrag lesen

@@Steffi_

Das Bild soll immer neben dem Text stehen.

Dann könnte man mit section { padding-left:} Platz für das Bild schaffen, das absolut dort hinein positioniert wird. Die Überschrift richtet man mit entsprechendem negativen margin-left aus. Der Textblock braucht eine Mindesthöhe mit dem Wert der Höhe des Bildes. Beispiel – so nicht machen!

Dumm daran ist, dass sich die Werte für Elemente auf die von anderen Elementen beziehen; bei Änderungen also mehrere Werte geändert werden müssen.

Das lässt sich mit section { display: flex } vermeiden. Die Überschrift macht man 100% breit; Bild und Text werden nebeneinander dargestellt – bei genügender Viewportbreite; responsive fällt dabei gleich mit ab, einfach so: Beispiel

Nicht wichtig, da dieses ein Internes System ist und wir keine Mobile Geräte haben. In der Arbeitszeit sitzen alle vor einem großen Rechner, wenn man aus der Firma geht hat man Feierabend.

Das widerspricht dem von dir gezeigten Seiteninhalt.

LLAP 🖖

--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)