Анимированный html5 баннер "выходит за рамки" виджета

InstantCMS 2.X

#1 4 января 2019 в 09:02

Анимированный html5 баннер "выходит за рамки". Сделал поле для баннеров как отдельный виджет (html блок). При рескейлинге сам виджет уменьшается а содержимое в нём — нет. Может я изначально сделал не правильно?! Вообщем на компуктерах с маленьким разрешением мой баннер выходит за рамки виджета. Как сделать чтобы он рескейлился вместе с виджетом?

#2 5 января 2019 в 06:35

object,embed,iframe{max-width:100%;}

в любой из css файлов которые загружаются для всех страниц. Тут конечно много нюансов, и эта строка задевает все такие объекты на сайте. Поэтому лучше ограничить баннер контейнером, например с классом banner-box.
В виджете меняете на

 
<div class="banner-box">
ваш_код_баннера
</div>

тогда в css

.banner-box * {max-width:100%;}

Возможны и другие проблемы, например если указана высота и баннер в iframe.

Dezerit Templates - верстка, шаблоны, дополнения для InstantCMS

Сделать логотип в меню, как на

Текстовые блоки в пользователь

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

Анимированный html5 баннер "выходит за рамки" виджета

Похожие темы

Как вставлять анимированные gif в статьи

[ЕСТЬ РЕШЕНИЕ] Ошибка 503 после обновления до версии 2.16.3

Набор изображений при выводе слайдером выходит за пределы контента

Баннеры пользователей

Компонент "баннеры" вывести текст

[ЕСТЬ РЕШЕНИЕ] Компонент "Ротатор баннеров"

InstantCMS Team

О проекте

Поддержка

Дополнения