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

Как вывести публикации блоками разной высоты с обтеканием по всем сторонам?


     22.04.2020    Все вопросы » Общие вопросы по вёрстке    527

вопрос
Здравствуйте! Нужно вывести публикации блоками в ряд к примеру 4шт и в высоту например 5шт. При всём этом высота блоков разная, в зависимости от количества символов в кратком описании. На картинке пример как надо чтоб было.
Как вывести публикации блоками разной высоты с обтеканием по всем сторонам?

Ответа пока нет


6 комментариев

maks
Юзер

maks - 22 апреля 2020 22:00 -

Masonry и тп

SanSanek
Юзер

SanSanek - 23 апреля 2020 21:31 -

Спасибо, слышал раньше про Masonry, но казалось сложно сделать. Теперь сделал, вроде всё нормально, но только навигация вверху сейчас расположена, а надо внизу. Не подскажите как сделать?

maks
Юзер

maks - 23 апреля 2020 22:28 -

Если используется imagesLoaded, то примерно так:
$(document).ready( function() {
$('#dle-content').imagesLoaded(function() {
  var msnry = {
    itemSelector: '.boxx',
  }
  var $grid = $('#dle-content').masonry( msnry );  
  }); 
});


class="boxx" и shortstory и navigation

А navigation наверное придется сделать style="width: 100%"

SanSanek
Юзер

SanSanek - 26 апреля 2020 16:03 -

Спасибо большое!

cortin
Юзер

cortin - 23 апреля 2020 13:04 -


maks
Юзер

maks - 23 апреля 2020 22:14 -

SanSanek,
Сделайте navigation.tpl также как shortstory.tpl

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

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

наверх