Верстка каталога Интернет магазина

[parnas]

Всем привет. Верстаю макет интернет магазина. Не могу сверстать каталога. Вот изображения. Помогите советами, наводками как сверстать такой блок:

Что-то похожее реализован на этом сайте.

Спасибо заранее!

Edited June 25, 2014 by parnas

[cyklop77]

в чём проблема конкретно?

 

попробуй каждому блоку прописать свойство display: inline-block; , если я правильно понял вопрос

Edited June 25, 2014 by cyklop77

[Sergik+]

Блоки одинаковой ширины и высоты, я бы тупо float:left сделал.

[parnas]

в чём проблема конкретно?

 

попробуй каждому блоку прописать свойство display: inline-block; , если я правильно понял вопрос

C inline-block такие расположении не получиться. Смотрите(затемнил фон):

 

Edited June 25, 2014 by parnas

[afdw]

http://jsfiddle.net/N5gJ5/embedded/result/

[parnas]

http://jsfiddle.net/N5gJ5/embedded/result/

Спасибо за вариант. Но к сожелению не поможеть в моем случае. Так как при удалении или добавлении категории перерасположения должно произойти динамически. 

Вроде нашол. Но с использованием Jquery. У кого-нибудь есть более удобные способы?

[parnas]

Подключил этот Masonry. Чтобы убрать правый отступ у каждого четвертого блока прописал следуюшие стили

 

.catalog-name:nth-child(4) {

    margin-right: 0;

}

 

Но это не работает. Что можно делать? Спасибо.