mehrere Kleinbilder und Text dazu wie am besten codieren?

[bari]

Guten Abend den Experten,

ich habe eine Frage bezüglich einfachster Codierung und Formatierung von dem Element div class="inhalt meine Homepage, resp den darin stehenden Kleinbildern und Beschreibtext dazu:
hier ist eine der Seiten um die es geht.

Der Bereich betrifft den lavendelfarbigen Teil (u. re) mit Kleinbildern und Text zu jedem Bild.

Ist das wirklich die einfachste Art, dies zu schreiben? Könnte man das
1. auch mit background-image und url-Bezug wie ich das im header h1 gemacht habe oder
2. mit aside, fig, figcapton
machen (kann man aside links (left) oder rechts (right) positionieren)?

Ich habe das Gefühl, dass das recht kompliziert geschrieben ist. Wenn ich z.B. noch einen Strich unter jedes Kleinbild und Text möchte wie
hier beispielhaft und unfertig probiert, dann wird es richtig schwierig.

Was meint ihr ?

Vielen Dank
bari.

[1UnitedPower]

Ist das wirklich die einfachste Art, dies zu schreiben? Könnte man das

2. mit aside, fig, figcapton
   machen (kann man aside links (left) oder rechts (right) positionieren)?

Jein. Ginge schon, aber dafür müsstest du den html5 doctype benutzen. aside kannst du positionieren wie du möchtest, es verhält sich genau wie ein div-element.

[bari]

Hallo,
erstmal vielen Dank fuer die Durchsicht meines codes und den Rat.

Ist das wirklich die einfachste Art, dies zu schreiben? Könnte man das

2. mit aside, fig, figcapton
   machen (kann man aside links (left) oder rechts (right) positionieren)?

Jein. Ginge schon, aber dafür müsstest du den html5 doctype benutzen. aside kannst du positionieren wie du möchtest, es verhält sich genau wie ein div-element.

Ich glaube html5 doctype benutze ich jetzt mit <Doctype HTML>.

Ich schau mal, ob es geht, und ob es nicht einfacher ist.

Gruss,
bari.