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

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

Добавить отступ между модулями одной позиции

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

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

Сообщений: 39


« : 21.07.2016, 12:28:33 »

Добрый день!
Есть свой простой шаблон. Создал позицию left. Вывожу в позиции left несколько модулей, но они накладываются друг на друга вплотную, без отступа. Нужно добавить отступ в 20px между ними.

В index.php такой код:
Код:
<div id="left"><jdoc:include type="modules" name="left"  style="xhtml" /></div>
Стиль
Код:
#left {
width: 25%;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}

Padding и margin создают отступ единожды, на все модули вместе. А нужно отдельный отступ под каждым модулем.
Как сделать?

Записан
Golubevod
Осваиваюсь на форуме
***

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

Сообщений: 39


« Ответ #1 : 21.07.2016, 12:50:17 »

Пока сделал дополнительный стиль с отступом и присвоил класс каждому модулю.
Записан
Shustry
Moderator
*****

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

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #2 : 21.07.2016, 12:58:38 »

Инлайновые элементы и должны схлапывать вертикальные отступы. Ну тут разные варианты решения:
1. Убрать inline-block
2. Использовать padding и вложить дополнительные div-ы.
3. Тупо увеличить в два раза вертикальный margin.
Записан
Страниц: [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