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

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

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

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

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

Сообщений: 33


« : 11.08.2016, 00: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
Осваиваюсь на форуме
***

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

Сообщений: 33


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

Может кому пригодиться.
Решил
Код:
letter-spacing: -0.09em;
Записан
sakhalin4242
Новичок
*

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

Сообщений: 9


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

ul{
margin:0 auto;
display:table;
}
Записан
Страниц: [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