css - Arrange different size div blocks -
i need make website layout have blocks "regular dimensions" , "2x2 regular size" blocks , should arranged nice, not matter put bigger , put smaller block. example if have situation @ pic below, need block 8 below 5, , block 9 next 8 (below block 6) , on.
picture: http://i.stack.imgur.com/epwjo.png
here css far:
.block { float: left; display: inline-block; margin: 3px; width: 141px; height: 150px; border-style: solid; background: lightgray; border-width: 1px; } .block4 { float: left; display: inline-block; margin: 3px; width: 294px; height: 308px; border-style: solid; background: lightgray; border-width: 1px; }
can please me how make it?
thank you
isotope or jquery masonary works want
http://isotope.metafizzy.co/ http://masonry.desandro.com/
Comments
Post a Comment