Как расположить блоки в одну строку?

Автор nick_e, 25 декабря 2014, 03:36:57

« назад - далее »

nick_e

установил версию 1,6 стандартный шаблон, добавил пару блоков пытаюсь их расположить в одну строку в визуальном редакторе не получается. только либо сверху либо снизу, единственный блок который дает прилеплять другие блоки сбоку это модуль подписки на фейсбук.

Объясните пожалуйста где и как это настраивается???


coder

В распложении блоков можно менять только очередность вывода модулей. Остальное регулируется стилями. Редактировать нужно файл global.css или файл стилей модуля.

mistral


nick_e

Спасибо. Посмотрел в стандартных модулях как прикручивать к ним CSS, сейчас делаю модули вконтакте и одноклассники у них в папках CSS пусто, создал там файлы написал стили и потом в файле vkwidgetsgroup.tpl (для виджета вконтакте) заменил  строку на <div class="vk-fanbox" такой класс в css файле. Может,что не так сделал но стили модуль не увидел. (((
Пришлось прямо vkwidgetsgroup.tpl  писать css
<style type="text/css">
.vk-fanbox {
vertical-align: top;
padding: 0px;
padding-top: 0px;
float:left;
overflow-x:hidden;
   }
</style>

так видит, обратите внимание на строки vertical-align: top; padding: 0px; и padding-top: 0px;  они же по верхнему краю выравнить должны содержимое, а у меня ни в какую!
Расположить ровно в один ряд не получается, т.к. верх не совпадает с последним блоком..

tigran

Файл стилей нужно еще и подключить
public function hookHeader()
{
        $this->context->controller->addCss(($this->_path).'css/mymodule.css');
}

Creating a PrestaShop Module

coder

Цитироватьобратите внимание на строки vertical-align: top; padding: 0px; и padding-top: 0px;  они же по верхнему краю выравнить должны содержимое,
Блоки выравнивают отступами или размерами.
padding: 0px; и padding-top: 0px;
Не нужно повторять одинаковые правила. Первое включает в себя второе.
Справочник CSS