Мы используем cookie-файлы
Для оптимизации работы нашего сайта мы используем cookie-файлы. Продолжая использовать сайт, Вы соглашаетесь с использованием cookie-файлов.
  • Русский
  • Українська
  • UAH
  • USD
  • RUB
  • EUR
  • +38(044) 392-74-33  Киев
  • +38(057) 728-39-00  Харьков
  • +38(056) 794-38-31  Днепр
  • +38(032) 229-58-93  Львов
  • +38(048) 738-57-70  Одесса
  • +38(093) 170-15-42  Life
  • +38(067) 400-88-44  Киевстар
  • +38(095) 630-90-82  Vodafone
  • +1(888)393-24-51  USA, Toll free
  • +44(131)507-01-14  Great Britain
  • +7(499) 348-28-61  Москва

CMS Joomla. Помогите. Как отцентровать горизонтальное меню по горизонтали?

Форумы CMS Joomla Помогите. Как отцентровать горизонтальное меню по горизонтали?

Markus
3 года
0
Помогите. Как отцентровать горизонтальное меню по горизонтали?

Как отцентровать горизонтальное меню по горизонтали? Сайт magicballoon.com.ua
Пользовался источниками из интернета типа:
Internet Explorer 6
Как выровнять горизонтальное меню с выпадающие и без выпадающих пунктов по центру
но так ничего и не вышло.
Как быть?

arygroup
3 года
0

По фотографії таке не лікується.
Є дві техніки
Даєш право і ліво ауто і ширину не 100%
<div style="width:80%; margin:5px auto;background;grey;">Tetx</div>
І інша куди складніша техніка з
<div style="position:relative; left:50%;margin-left:-20%; background:green;width: 40%;">Tetx</div>
http://static.xscreenshot.com/2017/09/04/16/screen_a7bb35d88fe066c2c1ad3609f9428844

Але оскільки ти все перепробував, то в тебе складніший випадок, думаю.

Markus
3 года
0

Спасибо за ответ. Но я что-то не понял где вносить правки, в какой папке?

arygroup
3 года
0

От таке рішення працює в хромі і лисиці і у всіх похідних. Думаю, в сучасному ІЄ теж працює. А на старіших версіях - забий.
https://stackoverflow.com/a/32610675/518704
```
#menusys_mega
{
display: table;
margin: 0 auto;
}
```
Щоби вирівняти блок по ширині треба задати йому теж ширину фіксовану чи у відсотках. Коли ж в тебе ширина блока з меню невідома, то і вирівняти по сентру його без JS майже неможливо. Ну окрім цього відносно нового підходу з display: table;

В який файл писати - не знаю. У шаблона в мануалці нема про це
Leo Gift Template - Userguide
Файла з назвою custom я не бачу. Правити файл CSS шаблона - буде затерто наступними оновленнями шаблона. А рано чи пізно вони знадобляться.
Тому наступне питання - як врізати в сайт користувацький CSS
Я би встановив плагін звідси
https://gruz.ml/en/extensions/gjheadtag.html#documentation
І або в нашалтуваннях додав би код:
<style>
.menusys_mega #menusys_mega
{
display: table;
margin: 0 auto;
}
</style>
Або додав би в налаштуваннях файл
<link rel="stylesheet" href="http://magicballoon.com.ua/templates/leo_gifts/css/custom.css" type="text/css"/>
А потім би створив відповідний файл і код CSS поставив би в нього (без <style> і </style>)

Markus
3 года
0

Засада. Не получается. Вдобавок заметил новую проблему на других стр кроме "главной" горизонтальное меню дёргается по вертикали.

Участвовать в общении на этом форуме могут только зарегистрированные пользователи.