Liste mit Bildern kompakt floaten

[Hans]

Hi Zusammen.

Habt ihr sicher auch schon erlebt, dass ihr ein Problem lösen möchtet, aber nicht wirklich wisst nach was ihr suchen müsst.

Darum umschreibe ich mein Problem. Vielleicht gibt es einen Fachbegriff der mir dann weiterhilft oder ein Tip aus der Community.

Anyhow hier mal das "Problem":

Ich habe ein Liste

  
	<ul>  
		<li>bild1</li>  
		<li>bild2</li>  
		<li>bild3</li>  
		<li>bild4</li>  
		<li>bild5</li>  
	</ul>  

Diese sortiere ich dynamisch mit JQuery. Die Bilder sind unterschiedlich in der Grösse. Im Moment floate ich sie Links. Ich möchte jetzt, dass sich die Bilder der Höhe und der Breite nach sich gegenseitig anpassen und mit einem padding von 10px Abstand getrennt sind.

Jetzt sind es durch das float left, nur Linien mit einer fixen Höhe und es verschwendet viel Platz. Ich möchte die Bilder kompakt anordnen.

Danke Hans

[Matthias Apsel]

Om nah hoo pez nyeetz, Hans!

es gibt eine Alternative zu float.

Matthias

[molily]

Hallo,

neben inline-block sind vielleicht folgende Layout-Scripte interessant:
http://masonry.desandro.com/
http://isotope.metafizzy.co/

Mathias

[Hans]

Danke euch beiden!

Genau sowas habe ich gesucht.

Liebe Grüsse
Hans