Atana: Anordnung von Bildern mit Text

Hallo,

Ich bin neu hier und daher gleich vorab, wenn ich umständlich, unverständlich, falsch poste usw. bitte ich um etwas Nachsicht!

Danke!

Ich möchte Bilder mit Text unterschiedlich anordnen

Bild1
                    Text dazu

Bild2       Bild3      Bild4
       Text Text   Text Text  Text Text

Bild5          Bild6
         Text Text      Text Text

usw.

Wie geh ich da am besten vor?!

Bisher hab ich CSS:

.images {
         text-align: center;
         }

.postdoc {
         padding: 40px;
         }

.predoc {
         padding:40px;
         }
HTML:
<div class="images chef">
                 <img src="chef.jpeg" />
                         <br><a href="mailto:chef">chef</a></br>
                         <br>Chef</br>
         </div>

<div class="images postdoc">
                 <img src="postdoc1.jpeg" />
                         <br><a href="mailto:postdoc1">Postdoc1</a></br>
                         <br>Postdoc</br>
                 <img src="postdoc2.jpeg" />
                         <br><a href="mailto:postdoc1">Postdoc1</a></br>
                         <br>Postdoc</br>
         </div>

<div class="images predoc">
                 <img src="predoc1.jpeg"  />
                         <br><a href="mailto:predoc1">Predoc1</a></br>
                         <br>Predoc</br>
        </div>
usw.

allerdings ist der Test unter den Bilder verschoben bzw. die Bilder sind untereinander.
Ich schau mir das ganze mit Firefox an.

Gruß Atana

  1. Wenn du die Bilder nebeneinander haben willst, musst du, denke ich, float verwenden. Darüber kannst du in selfhtml lesen.

    Und ich würde jedes Bild in einen eigenen div-container packen, mit dem dazugehörigen Text.

    1. @@Alexander44564:

      nuqneH

      Wenn du die Bilder nebeneinander haben willst, musst du, denke ich, float verwenden. Darüber kannst du in selfhtml lesen.

      Nein. Darüber kannst du bei mir lesen.

      Qapla'

      --
      Volumen einer Pizza mit Radius z und Dicke a: pi z z a