JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="Geomaik, post: 8069, member: 1619"] Hallo Community, ich versuche gerade mehrere Elemente der gleichen Art zu struktrieren. Jeweils ein Bild mit einer Bildunterschrift soll in einem "Block" stehen und die Blöcke jeweils nebeneinander (solange der Platz ausreicht). Als Tabelle war mir das zu ungelenkt, deswegen habe ich es nun als LISTE <ul> versucht. Das Prinzip habe ich in eine html ohne Schnickschnack übertragen um den Fehler zu finden... ich finde ihn aber nicht: [I]<ul> <li> <img src="Bild1.png"/> Beschriftung Bild 1 </li> <li> <img src="Bild2.png"/> Beschriftung Bild 2 </li> </ul> [/I] Das klappt soweit wie die <li> Elemente als display: block; notiert sind. Sie dann so aus wie auf dem Bild. (Ich habe zur Übersicht mal die <ul> rot umrahmt und die <li> blau umrahmt). [B]Mein Problem: Ich kriege diese Blöcke nicht nebeneinander! (display: inline)[/B] [I] ul { border: 1px solid red; display: block; width: 100%; }[/I] [I] li { border: 1px solid blue; display: block; <-- inline funktioniert nicht :( width: 25em; } img {width: 18.75em;}[/I] Auch mit einem umschließenden <figure> tag um das Image und den Text kein Erfolg: [I]<li> <figure> <img src="Bild1.png"/> <figcaption>Beschriftung Bild 1</figcaption> </figure> </li>[/I] Woran liegt es? Gibt es zur Not eine andere Lösung die Blöcke nebeneinander anzuordnen? [/QUOTE]