Felix Riesterer: Darstellung von Bild, Text, Bild

Beitrag lesen

Bist Du jetzt Gerhard, oder Giselle?

<div>
 <img src="/bilder/bild2.webp" style="max-width:150px;  width:100%; height:auto;">
</div>

Es gibt keinen Grund, die <img>-Elemente zusätzlich in <div>-Elemente zu verpacken, da sie bereits in einem passenden Eltern-Element (<div>) sind.

Man kann ganz klar erkennen, dass Du zwei Grafiken als Schmuckelemente verwendest. Das sind keine Inhaltsgrafiken wie z. B. Abbildungen, sondern im Wesentlichen Tapeten, die eine Art Vereinswappen oder -logo zeigen. Das bedeutet, dass Du dafür besser keine <img>-Elemente verwendest, sondern Hintergrundbilder!

Wenn Du doch diese Grafiken als Inhaltselemente verwenden möchtest, dann sollte da auch ein passender Text dazu, womit Du sie gleich in ein <figure>-Element mit <figcaption> stecken kannst.

Liebe Grüße

Felix Riesterer