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

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

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

вопрос
Здравствуйте! Нужно вывести публикации блоками в ряд к примеру 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
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 04.03.2012 Snegovik  Общие вопросы по вёрстке, Шаблоны (TPL), Модули
 22.08.2013 gresius  Общие вопросы по вёрстке
 25.01.2014 mirsng_com  Общие вопросы по вёрстке
 04.04.2014 doktorpull  Общие вопросы по вёрстке, Шаблоны (TPL)
 25.08.2014 skinny  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 01.10.2014 vk_159926832  Общие вопросы, Общие вопросы по вёрстке
 22.06.2016 Alexey.P  Общие вопросы по вёрстке
 27.12.2016 03razan03  Общие вопросы по вёрстке
 04.12.2017 zip  Общие вопросы, Общие вопросы по вёрстке, Стили (CSS)
 18.08.2019 Yan Ivanov  Общие вопросы по вёрстке, Стили (CSS), Ламерские вопросы
наверх