@@Steffi_
wie im Betreff schon gefragt, wie kann ich die unten gezeigte Aufteilung
Anhand des Bildes lässt sich so ziemlich gar nichts sagen, weil wichtige Überlegungen darin nicht zu erkennen sind:
-
Wie soll sich der Text verhalten, wenn er mehr Höhe beansprucht als das Bild? Soll er das Bild umfließen oder als Block rechts daneben stehen?
-
Wie sollen sich Bild und Text verhalten, wenn die Breite des Viewports (Browserfensters) nicht ausreicht, um sie nebeneinander darzustellen?
am besten ohne viel HTML umsetzten? Die einfachste Möglichkeit wäre eine Tabelle, zwei Spalten und fertig, ist aber bestimmt nicht Zeitgemäß?
Eine Tabelle war dafür noch niemals zeitgemäß.
Da die einzelnen Bereiche jeweils eine Überschrift haben, könnte section
dafür angebracht sein:
<section id="…">
<h2>…</h2>
<img src="…" alt="…"/>
<p>…</p>
⋮
</section>
LLAP 🖖
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)