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

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

Как отцентрировать модуль?

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

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

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


skype aqaus.com


« : 14.03.2017, 16:07:14 »

Привет. Если модуль https://bioritm-vet.ru/profilaktika/63-luchshee-lechenie-sobak-i-koshek-prostaya-profilaktika.html внизу (Связаться с нами и другие пункты меню). Вставляется в статью. Как можно отцентрировать его, чтобы не влево съезжали пункты меню, а по центру и он сам был по центру. Модуль купил, но разработчик не торопится в поддержке, а у меня что-то не получается.
Записан
fbr
Живу я здесь
******

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

Сообщений: 1316


« Ответ #1 : 14.03.2017, 19:30:11 »

если не трогать верстку, чисто стилями:
Код
.vtem-block.system.widget-menu.vtem-animation.zoomIn.col-md-9.best-menu.col-sm-6.col-xs-4.animated {
float: none;
width: auto;
text-align:center;
}
.vtem-block.system.widget-menu.vtem-animation.zoomIn.col-md-9.best-menu.col-sm-6.col-xs-4.animated .oHorizontal  > ul {
display: inline-block!important;
}
 
Записан
wishlight
Профи
********

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

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


skype aqaus.com


« Ответ #2 : 14.03.2017, 21:43:27 »

Я про модуль под статьей. С картинками. Сорри за неправильную постановку вопроса.
Записан
Taatshi
Support Team
*****

Репутация: +451/-3
Online Online

Пол: Женский
Сообщений: 4988



« Ответ #3 : 14.03.2017, 21:53:57 »

Код
.gridbox {
   width: 220px;
   height: 350px;
   float: left;
   margin: 8px 8px  8px 0px;
}

заменить margin: 8px 8px  8px 0px;  на margin: 8px 4px;
Записан
wishlight
Профи
********

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

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


skype aqaus.com


« Ответ #4 : 14.03.2017, 22:03:00 »

заменить margin: 8px 8px  8px 0px;  на margin: 8px 4px;
Это было бы для не респонсивного шаблона. Если менять разрешение, то не подойдет.
Записан
Ilhom666
Живу я здесь
******

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

Сообщений: 1420



« Ответ #5 : 14.03.2017, 23:12:44 »

убрать вообще float и margin?
Записан
effrit
Группа развития
*****

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

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


effrit.com


« Ответ #6 : 15.03.2017, 08:12:57 »

там проблема в ширине контейнера.
я бы просто повесил js-событие на ресайз и динамически пересчитывал ширину для контейнера .gridborder_container. ну и при загрузке страницы тоже надо вызывать функцию пересчета ширины блока.
а в стилях прописал
Код:
.gridborder_container {
    margin: 0 auto;
}

как альтернатива js - 2 медиа-стиля добавить.

Код:
@media all and (max-width: 743px) {
    .gridborder_container {width:490px}
}

@media all and (max-width: 515px) {
    .gridborder_container {width:240px}
}

« Последнее редактирование: 15.03.2017, 08:26:28 от effrit » Записан
Taatshi
Support Team
*****

Репутация: +451/-3
Online Online

Пол: Женский
Сообщений: 4988



« Ответ #7 : 15.03.2017, 09:30:27 »

Это было бы для не респонсивного шаблона. Если менять разрешение, то не подойдет.
Кто Вам сказал, что не подойдет?

Там у  родительского блока идет выравнивание по центру. И все Ваши сдвиги как раз разным маргином и образуются.

Ну, не подойдет так не подойдет... Ваше право.
Записан
flyingspook
Профи
********

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

Сообщений: 3772


« Ответ #8 : 15.03.2017, 16:56:23 »

как то типо так
Код
.gridbox {
height: 350px;
margin: 8px 8px 8px 0;
width: 220px;
}
.boxtitle {
font-family: Century Gothic;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}
 
 
меню как то так
Код
.vtem-menu-wrapper {
display: inline-block;
margin: 16px auto;
text-align: center;
width: auto;
}
.vtem-block-inside {
display: inline-block;
text-align: center;
width: 100%;
}
Записан
wishlight
Профи
********

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

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


skype aqaus.com


« Ответ #9 : 15.03.2017, 18:11:08 »

как то типо так
.gridbox {
height: 350px;
margin: 8px 8px 8px 0;
width: 220px;
}
.boxtitle {
font-family: Century Gothic;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}

Благодарю. Я чет в последнее время не высыпаюсь видать. Очевидного не вижу.
« Последнее редактирование: 15.03.2017, 18:22:13 от wishlight » Записан
Страниц: [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