Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m trying to get some li’s inside a ul float to the left and stack on eachother.
The format of the ul is
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
This menu is server side generated and cannot be modified.
I’ve setup a demo to illustrate what i get, and what im after:
What i get:
http://jsfiddle.net/VVyF7/1/
What im after, but without using the positioning as the lis will be dynamically rendered:
http://jsfiddle.net/VVyF7/3/
That layout in the dynamic case can’t be done using CSS.
If you can’t change the HTML to have two columns, you’ll have to use JavaScript.
jQuery Masonry is the best option. There’s also Vanilla Masonry, which is a raw JavaScript version that doesn’t rely on jQuery.