Форум русской поддержки Joomla!® CMS
23.06.2017, 02:28:21 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Настройка рекламного блока для мобильных

 (Прочитано 369 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Lovenokia
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 92



« : 21.04.2017, 12:25:43 »

Приветствую участников форума.

Помогите, пожалуйста, со следующей задачей.

Есть адаптивный рекламный блок, ширина которого должна меняться в зависимости от разрешения экрана. Рекламный блок находится в теле статьи (между абзацев), обязательно по центру.

Сейчас это реализовано в див-блоке с классом reklama:
.reklama
{margin: 0 25% 0 25%;
width: 50%;
padding: 5px; }

Погуглил, чтобы понять, как изменить пропорции для разных разрешений экрана и нашел следующее. Чтобы пропорции остались такими же для разрешения экрана более 800px, пишу следующее:
@media screen and (min-width: 800px) {
reklama {margin: 0 25% 0 25%;
width: 50%;
padding: 5px; }
}

Вопрос №1: правильно ли это?
Вопрос №2: как мне сделать так, чтобы при разрешении экрана менее 800px пропорции менялись на  margin: 0 15% 0 15%; width: 70% (при этом класс остается тем же самым .reklama)?

Благодарю за ответы.
Записан
darkghost
Практически профи
*******

Репутация: +85/-0
Offline Offline

Сообщений: 2008



« Ответ #1 : 26.04.2017, 01:37:31 »

% - единицы в принципе должны сработать ибо так и поступают, чтобы блоки были резиновыми.
Вот чтобы указать, что
Цитировать
... чтобы при разрешении экрана менее 800px пропорции менялись на  margin: 0 15% 0 15%; width: 70% ...
необходимо прописать:
Размер экрана меньше 800px ----
Код:
@media screen and (max-width: 800px) {
.reklama { margin: 0 15% 0 15%; width: 70% }
}
Подробнее ---->>>
Показать текстовый блок
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet