Globus: Automatisch umbrechende Blöcke

SELF-Forum

Automatisch umbrechende Blöcke

Globus
– Informationen zu den Bewertungsregeln

Hallo
Ich habe schon eine Weile an folgender relativ allgemeinen Fragestellung herumgebastelt, ohne eine Lösung zu finden.

Reiht man in einer Zeile Bilder <img..> aneinander, werden diese sehr schön auf viele Zeile umgebrochen, je nach Fenstergröße. Das Ganze geht auch mit Zentrierung, wo jede Zeile einzeln zentriert wird.

Nun möchte ich dasselbe mit diversen HTML Blöcken veranstalten, also z.B. ( 1 Bild + 1 Überschrift + 1 Text darunter ). Die Blöcke sollen alle gleiche Größe haben und sich genauso wie einzelne Bilder umbrechen und zentrieren.

Ich habe schon alle erdenklichen Kombinationen von <div> oder <span> ohne Ergebnis ausprobiert. Am Ende bin ich bei folgenden gelandet:
(

===> HTML:
<div class="G300">
  <p>1147 * 6 L&ouml;sungen</p>
  <img src="Grafik/Stern.gif" width="184" height="188">
</div>

===> CSS:
.G300 {
 text-align: center;
  float: left;
 margin: 8px;
 padding: 8px;
 height: 300px;
}

Das bewirkt aber nicht genau, was ich möchte und ist auch nicht erweiterbar. Hab ich was Offensichtliches übersehen ???

Beste Grüße

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Automatisch umbrechende Blöcke

    at
    – Informationen zu den Bewertungsregeln

    Hallo.

    Hab ich was Offensichtliches übersehen ???

    Ja, die display-Eigenschaft des <img> auf die entsprechenden Elemente zu übertragen.
    MfG, at

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln