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

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

вопрос

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

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

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

Юзер

697

maks - 2019-08-1822 апреля 2020 22:00 - #75703

Masonry и тп

Юзер

SanSanek - 2019-08-1823 апреля 2020 21:31 - #75731

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

Юзер

697

maks - 2019-08-1823 апреля 2020 22:28 - #75733

Если используется 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 - 2019-08-1826 апреля 2020 16:03 - #75780

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

Юзер

cortin - 2019-08-1823 апреля 2020 13:04 - #75715

https://codepen.io/katydecorah/pen/bf135052ccec2dbb5a5c937d3b3fc5d6 no tam mozno 4 kolonki propisatj

Юзер

697

maks - 2019-08-1823 апреля 2020 22:14 - #75732

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

non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
Сегодня, 08:43

Проверил также количество страниц в поиске BING
site:adressayta.com

в поиске всего 3 страницы
Sitemap как ни пытался скормить - не выходит. выдает ошибку
Неприемлемая карта сайта
Невозможно получить URL-адреса с карты сайта

Мне кажется что причина в файле .httaccess
тк при попытке скармливания постранично - выдает ошибку перенаправления
URL перенаправления цели:https://........ ./index.php?do=static&page=406.&seourl=406.
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Вчера, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Вчера, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***