Высота у блоков миниатюр изображений.

#16 24 октября 2021 в 19:10

Да нет, с самими изображениями всё хорошо, а вот с родительским блоком — нет :(
Попробовал — никакого толку, повышение приоритетности тоже не помогает. 

Panda58dev

Вон там, чуть выше почитайте, что  Олег Васильевич я пишет.

И поверьте, он не просто так это пишет, а исходя из своего очень большого опыта и имеющихся у него знаний.

Я бы советовал к нему прислушаться.

#17 24 октября 2021 в 19:58

Вон там, чуть выше почитайте, что  Олег Васильевич я пишет.

Ris

Вот честно — пытался. Все виды обтекания тыкал, и у соседних блоков тоже, но ни к чему хорошему не привело, и всё это на modern. Вышел из положения просто положив картинки в самый низ, то бишь под другими блоками, но по факту это «костыль» :)

#18 24 октября 2021 в 20:07

Я как-то раз, давным-давно, тоже с чем-то подобным столкнулся, так в шаблоне просто под проблемным блоком линию (<hr/>) изобразил, и все. Ну, такое себе решение, хотя сработало. )

#19 24 октября 2021 в 20:17

 Panda58dev

А как вообще нужно эти картинки расположить?

Зачем нужна высота блока их объединяющего? Почему не задать высоту каждой из картинок, а высота блока как-то сама от этого создастся.

И вообще… шаблон модерн сделан на принципе flex, то есть всё зависит от всего соседнего и изменяет размеры в зависимости от соседних элементов.

А Вы с ним пытаетесь работать жесткими методами CSS2.

Почитайте про флексбокс, там много интересного!

habr.com/ru/post/467049/

#20 24 октября 2021 в 21:01

Почитайте про флексбокс, там много интересного!

Ris

Угу, Вы бы меня ещё на flexfrog отправили бы :))
 Викторыч, там можно кучу </br> поставить, но так себе решение.

#21 24 октября 2021 в 21:18

Викторыч, там можно кучу </br> поставить, но так себе решение.

Panda58dev

Не <br>, а <hr> (разница все же есть)) Да согласен, это еще из времен html-сайтов. ))

#22 24 октября 2021 в 21:59

 Ris, хочется вот так:

Изображение

а без добавления высоты получается вот так:

Изображение

В коде кстати никаких флексбоксов нету:
Изображение

#23 24 октября 2021 в 22:17

 Panda58dev

Укажите в этом виджете Поля — Обтекание: Ширина блока поля — 100%

#24 24 октября 2021 в 22:20

 Ris, ну собственно ничего не поменялось. 

#25 24 октября 2021 в 22:31

ничего не поменялось. 

Panda58dev

Кэш браузера можно попробовать очистить.

#26 24 октября 2021 в 22:34

Кэш браузера можно попробовать очистить.

Ris

Попробовал — ничего, куки удалял — тоже самое. Остаётся, я не знаю, найти сам этот виджет и его код править...

#27 24 октября 2021 в 22:42

найти сам этот виджет и его код править.

Panda58dev

\templates\modern\controllers\content\widgets\list\list.tpl.php

Правьте...

#28 25 октября 2021 в 14:30

Panda58dev, оставьте уже эту бедную высоту в покое)) Сразу надо было написать, что проблема при выводе в виджете.

Лечим стилями. Предполагаем, что нужно не везде, а в конкретном виджете, потому  на вкладке «Дизайн» в опции «Класс CSS для тела» назначим дополнительный селектор «for-columns-view» (можете изменить на свой)

1. Вариант только для поля «Набор изображений»:

  1. .card-body.for-columns-view .field.ft_images::after {
  2. content: "";
  3. display: block;
  4. clear: both;
  5. width: 100%; /* может не понадобиться */
  6. }

2. Вариант, для всех полей (все поля будут одно под другим):

  1. .card-body.for-columns-view .icms-content-fields {
  2. display: flex;
  3. flex-direction: column;
  4. }

Изменяем значение абстрактного счётчика, чистим кеш в браузере...

 

 

 

#29 25 октября 2021 в 17:32

 Олег Васильевич я, ну ёмаё, я уже почти костыль смастерил, на 17-той строке в атрибуте style нужно вписать 

  1. <?php if ($field['type'] == 'images') { ?> height: 74px; <?php }?>

Только вот беда — не работает. Ну попробую по Вашему...

#30 25 октября 2021 в 17:37

Только вот беда — не работает.

Panda58dev

Не увдивительно, что не работает. Вы и это не правильно сделали))

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.