Question

Добрый день. Купил себе новый адаптивный дизайн на сайт. Теперь не могу установить  скрипты под продажу баннеров, они ломают адаптацию планшетного и мобильного дизайна. Пока стоит просто заглушка она адаптируется под размер экрана и отображается идеально, но как только покупают баннер, он сразу расширяется и ломает дизайн.

https://priscree.ru/img/988283d8308a00.jpg

 

Как с этим быть? Можно ли что-то сделать? Чтоб баннеры отображались нормально на всех расширениях экрана?

 

Сайт: http://seobiznes.net

 

Answer 1

Примерно так:

<div style="display:inline-block;">
<a href="ссылка на сайт партнеров"><img src="ссылка на баннер" alt="описание к изображению"></a>
<a href="ссылка на сайт партнеров"><img src="ссылка на баннер" alt="описание к изображению"></a>
</div>

Comments

Yuri_Geruk,

Вот если я правильно понимаю, на сайте https://tor-corporation.com/ задали этому баннеру класс в html, а затем в CSS прописали [id^="linkslot"] img, [id^="linkslot"] * {      max-width: 100% !important;      height: auto !important; и банер прикрасно адоптировался под дизайн. Но я не знаю как это правильно сделать!

---

Андрей Бот,

Добавьте повторно в блок несколько баннеров 2-3 и посмотрим возможные варианты решения. Добавите, сообщите здесь.

---

Yuri_Geruk,

Всё, добавил.

---

Андрей Бот,

Заверните текущие баннеры в такой код:

<div class="banner" align="center">здесь код баннеров</div>

в стили прописать:

.banner [id^=linkslot_],.banner [id^=linkslot_] div {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    display: contents;
}

---

Yuri_Geruk,

Ура, сработало. Спасибо вам огромное!!!!!