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

Markus
5 років
0
Как отцентровать горизонтальное меню по горизонтали? Сайт magicballoon.com.ua
Пользовался источниками из интернета типа:
ruseller.com/lessons.php?id=834
zaurmag.ru/priemy-verstki-html-css/kak-vy-rovnyat-gorizontal-noe-menyu-sajta-po-tsentru.html
но так ничего и не вышло.
Как быть?
arygroup
5 років
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>

static.xscreenshot.com/2017/09/04/16/screen_a7bb35d88fe066c2c1ad3609f9428844


Але оскільки ти все перепробував, то в тебе складніший випадок, думаю.
Markus
5 років
0
Спасибо за ответ. Но я что-то не понял где вносить правки, в какой папке?
arygroup
5 років
0
От таке рішення працює в хромі і лисиці і у всіх похідних. Думаю, в сучасному ІЄ теж працює. А на старіших версіях - забий.

stackoverflow.com/a/32610675/518704

```
#menusys_mega
{
display: table;
margin: 0 auto;
}
```

Щоби вирівняти блок по ширині треба задати йому теж ширину фіксовану чи у відсотках. Коли ж в тебе ширина блока з меню невідома, то і вирівняти по сентру його без JS майже неможливо. Ну окрім цього відносно нового підходу з display: table;


В який файл писати - не знаю. У шаблона в мануалці нема про це
www.leotheme.com/guides/joomla/leo-gift/

Файла з назвою custom я не бачу. Правити файл CSS шаблона - буде затерто наступними оновленнями шаблона. А рано чи пізно вони знадобляться.

Тому наступне питання - як врізати в сайт користувацький CSS

Я би встановив плагін звідси
gruz.ml/en/extensions/gjheadtag.html

І або в нашалтуваннях додав би код:

<style>
.menusys_mega #menusys_mega
{
display: table;
margin: 0 auto;
}
</style>

Або додав би в налаштуваннях файл

<link rel="stylesheet" href="magicballoon.com.ua/templates/leo_gifts/css/custom.css" type="text/css"/>

А потім би створив відповідний файл і код CSS поставив би в нього (без <style> і </style>)
Markus
5 років
0
Засада. Не получается. Вдобавок заметил новую проблему на других стр кроме "главной" горизонтальное меню дёргается по вертикали.
Тема закрита.