выровнить по центру горизонтальное меня

puf

Осваиваюсь на форуме
30
0 / 0

выровнить по центру горизонтальное меня

« : 10.08.2016, 23:14:51 »

Доброго всем настроения.
Шаблон td-okini , верхнее меню никак не получается выровнить по центру.
При таком варианте меня чуть левее чем хотелось бы

Код

/*----------------------------------------------*/
/* Topmenu
/*----------------------------------------------*/

#topmenu   {
	float: left;
    clear: both;
	margin: 0 auto;
	margin-top: 0px;
	font-family: 'Open Sans', sans-serif; font-weight: 700;
	font-size: 1.3em;
	letter-spacing: -0.11em;
	color: #8c8c8c;
	width: 100%;
	overflow: auto;
}

#topmenu ul { 
	
	list-style: none;
	 margin: 0;
    padding: 0;
    text-align: center;
}

#topmenu a {
	display: block;
	color: #808080;
	padding-bottom: 18px;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 34px;
	text-decoration:none;
	text-transform: uppercase;
}

#topmenu a:hover {
	color: #fff;
	text-decoration: none;
}
#topmenu a:active, a:visited {
	border: none;
	outline: none;
}

#topmenu li { 
	float: left;
}



/* Second-level lists */

#topmenu li ul { 
	position: absolute;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
	font-size: 12px;
	letter-spacing: 0em;
	width: 182px;
	left: -999em;
	border: 0;
	margin-left: 0px;
	margin-top: 0px;
	z-index:100;
}

#topmenu li li,
#topmenu li li:first-child {
	border: 0;
	border-top: 1px solid #444444;
	margin-bottom: -1px;
}

#topmenu li li a,
#topmenu li.active li a {
	width: 200px;
	background-color: #333333;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 14px;
	margin: 0;
	text-transform: none;
}


#topmenu li li:first-child {
	margin-top: 5px;
	border: 0;
}

#topmenu li ul a {
	width: 200px;
}

#topmenu li li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #666666;
}



/* Level third and above */

#topmenu li li li:first-child {
	margin-top: 0px;
}

#topmenu li ul ul { 
	margin: -39px 0 0 185px;
}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
	left: -999em;
}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
	left: auto;
}

Делаю так

Код

#topmenu li { 
	display: inline-block;
}

Вроде смещается в право, но как-то чуть правее чем хотелось бы.
Буду очень признателен за помощь или идею.

Записан

puf

Осваиваюсь на форуме
30
0 / 0

Re: выровнить по центру горизонтальное меню

« Ответ #1 : 14.08.2016, 21:41:49 »

Может кому пригодиться.
Решил

Код

letter-spacing: -0.09em;

Записан

sakhalin4242

Осваиваюсь на форуме
11
0 / 0

Re: выровнить по центру горизонтальное меня

« Ответ #2 : 13.09.2016, 14:58:01 »

ul{
margin:0 auto;
display:table;
}

Записан

Helix Ultimate 2 горизонтальное выпадающее меню Автор kosh2323	Ответов: 4 Просмотров: 1594	22.10.2021, 19:51:40 от kosh2323
Растянуть блок SP PageBulder по центру Автор kushiy	Ответов: 4 Просмотров: 1378	08.01.2020, 19:37:17 от kushiy
Горизонтальное меню пропало и не настраивается Автор yasna	Ответов: 4 Просмотров: 1579	21.10.2019, 08:02:28 от wishlight
Фиксированное при прокрутке горизонтальное меню на шаблоне Bootstrap Автор sergey-911	Ответов: 1 Просмотров: 1470	30.07.2017, 14:29:44 от sergey-911
Горизонтальное меню Автор ldgdemon	Ответов: 48 Просмотров: 32975	28.04.2017, 08:04:41 от stendapuss

выровнить по центру горизонтальное меня - Joomla 3.x: Шаблоны, разметка и макеты вывода

Новости Joomla

👩‍💻 Компонент "CS Афиши" для Joomla.

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

👩‍💻 ИИ-админ для Joomla ближе, чем вы думаете: Joomla MCP.

puf

выровнить по центру горизонтальное меня

puf

Re: выровнить по центру горизонтальное меню

sakhalin4242

Re: выровнить по центру горизонтальное меня

Похожие темы