Auge: Bilder anordnen

Beitrag lesen

Hallo

Soweit ich verstanden habe kommt es dir darauf an, das die Bilder ohne weitere Beschreibung untereinander angeordnet sind. Deshalb habe ich mal eine Beispielseite mit verschieden großen Bildern erstellt und zur Info auch gleich etwas Responsive Design (bei unter 500px Fensterbreite) eingebaut.

Genau die Bilder haben kein Beschreibung bzw. doch die haben eine Beschreibung diese wird an einer anderen Stelle platziert.

Die Beschreibung vom Bild, zu dem sie gehört, zu trennen, halte ich persönlich für ungünstig. Aber selbst, wenn du das (wieder) zusammenführen solltest, gibt es eine um Längen bessere Alternative zu divs.

<figure>  
<img src="/pfad/zum/bild.gng" alt="Das beschriebene Bild" />  
<figcaption>Des Bildes Beschreibung.</figcaption>  
</figure>

Wenn später das ganze responsiv werden soll habe ich die Möglichkeit die Beschreibung z.B. auszublenden oder an einer ganz anderen Stelle (unten) anzeigen zu lassen. Aber soweit bin ich noch lange nicht.

Das geht mit figcaption statt div natürlich auch. ImZweifelsfall auch ohne Klassen oder IDs.

Tschö, Auge

--
Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
Terry Pratchett, "Wachen! Wachen!"
ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
Veranstaltungsdatenbank Vdb 0.3