Hallo zusammen, ich habe eine Frage.
Und zwar möchte ich eine Bildergalerie erstellen, bei der Bilder "center floaten". Diese Anweisung gibt es natürlich nicht, allerdings funktioniert es durch text-align:center erst mal genau so wie ich es will. Sprich, Bilder stehen nebeneinander und wenn in einer Zeile kein Platz mehr ist, bricht das Bild zentriert in die nächste Zeile. Fluid eben ...
Nun ist mein Problem, dass das nur funktioniert, wenn die Bilder "nackt" auf der Seite stehen. Packe ich jedes Bild in ein Div, floaten sie nicht mehr und sitzen untereinander.
Aber seht selbst:
http://jsfiddle.net/fmym4wg4/
Ich hätte also gerne den Effekt wie im oberen Beispiel, gleichzeitig jedoch noch die Möglichkeit zB. Text über jedes Bild zu platzieren (daher in div-tags packen).
Gibt es da eine Lösung? Vielen Dank schon mal für jede Hilfe!
Und zwar möchte ich eine Bildergalerie erstellen, bei der Bilder "center floaten". Diese Anweisung gibt es natürlich nicht, allerdings funktioniert es durch text-align:center erst mal genau so wie ich es will. Sprich, Bilder stehen nebeneinander und wenn in einer Zeile kein Platz mehr ist, bricht das Bild zentriert in die nächste Zeile. Fluid eben ...
Nun ist mein Problem, dass das nur funktioniert, wenn die Bilder "nackt" auf der Seite stehen. Packe ich jedes Bild in ein Div, floaten sie nicht mehr und sitzen untereinander.
Aber seht selbst:
http://jsfiddle.net/fmym4wg4/
Ich hätte also gerne den Effekt wie im oberen Beispiel, gleichzeitig jedoch noch die Möglichkeit zB. Text über jedes Bild zu platzieren (daher in div-tags packen).
Gibt es da eine Lösung? Vielen Dank schon mal für jede Hilfe!