Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Вывод новостей в 3 колонки

Вывод новостей в 3 колонки


     11.01.2014    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery    4021

вопрос
Подскажите, как сделать чтобы было как на картинки справа.

Вывод новостей в 3 колонки



jQuery(function($) {
    $(".news").addClass("float").filter(":nth-child(3n)").after('<div class="clr"></div>');
});

.news.float {
    float: left;
    width: 30%;
    }
.clr {
    clear: both;
    height: 0;
    overflow: hidden;
    }

Ответил: verstala


http://verstala.16mb.com/portfolio/short/

3 комментария

GigA
Юзер

GigA - 11 января 2014 14:26 -


У меня сейчас так и работает, мне надо как на картинке

D0Gmatist
Юзер

D0Gmatist - 11 января 2014 15:40 -

Лучше используйте http://masonry.desandro.com/methods.html

shamanim
Юзер

shamanim - 11 января 2014 19:36 -


могу предложить хак за 10$, никаких javascript и css. демо тут: http://313783.lukmir.web.hosting-test.net/

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх