Bild anordnen

[Achot]

Hallo,

Es wäre ein leichtes, wenn die Absätze, die neben dem Bild stehen sollen, in einem Containerelement (div) gewrappt wären. Müssen sie aber nicht sein, es geht auch ohne – bei feststehender Bildbreite:

das wäre jetzt noch möglich. Ich habe gelesen man kann in Wordpress Templates für einzelne Seiten anlegen: https://developer.wordpress.org/themes/template-files-section/page-templates/ allerdings predigst du doch immer, man soll so wenig wie möglich unnötigen HTML Code verwenden? Wäre es in diesem Fall also besser ein DIV zu nehmen?

Das Bild^[1] steht im Markup direkt nach dem (letzten) Absatz, der über die volle Breite gehen soll. Die auf das Bild folgenden Absätze (figure ~ p) bekommen rechten Abstand (Bildbreite + etwas Zwischenraum) verpasst. Das Bild wird absolut positioniert und rechts ausgerichtet. Das Ganze aber nur per media query für breiten Viewport.

Vielen Dank für dein Beispiel und deine Hilfe. Genau so habe ich es mir vorgestellt.

Da bin ich mir noch nicht so sicher. Wenn das Bild eine Beschreibung bekommen soll, wäre ein figure angebracht? Wenn nur das Bild, dann lieber ein reines <img>?

---

1. Ob figure hier angebracht ist, lässt sich ohne den Inhalt zu kennen nicht sagen. Vielleicht ist es auch nur ein blankes img-Element; Styles dann für dieses angeben. ↩︎