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

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

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

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

Анимированный html5 баннер \"выходит за рамки\" виджета
Редактировалось: 1 раз (Последний: 4 января 2019 в 09:02)
Посетитель
small user social cms
Кубок зрительских симпатийМедаль
Сообщений: 167
Код PHP:
  1. object,embed,iframe{max-width:100%;}
в любой из css файлов которые загружаются для всех страниц. Тут конечно много нюансов, и эта строка задевает все такие объекты на сайте. Поэтому лучше ограничить баннер контейнером, например с классом banner-box.
В виджете меняете на
Код PHP:
  1.  
  2. <div class="banner-box">
  3. ваш_код_баннера
  4. </div>
  5.  
тогда в css
Код PHP:
  1. .banner-box * {max-width:100%;}
Возможны и другие проблемы, например если указана высота и баннер в iframe.
Dezerit Web Group - Платные и бесплатные шаблоны для instantCMS
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.