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

  • 2 Ответов
  • 302 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Добрый день!
Есть свой простой шаблон. Создал позицию 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 создают отступ единожды, на все модули вместе. А нужно отдельный отступ под каждым модулем.
Как сделать?


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

*

Shustry

  • *****
  • 6426
  • 733
  • Рисую дизайны
Инлайновые элементы и должны схлапывать вертикальные отступы. Ну тут разные варианты решения:
1. Убрать inline-block
2. Использовать padding и вложить дополнительные div-ы.
3. Тупо увеличить в два раза вертикальный margin.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!