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

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 289 Просмотров
*

puf

  • Осваиваюсь на форуме
  • ***
  • 27
  • 0
Доброго всем настроения.
Шаблон 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

  • Осваиваюсь на форуме
  • ***
  • 27
  • 0
Может кому пригодиться.
Решил
Код
letter-spacing: -0.09em;

*

sakhalin4242

  • Захожу иногда
  • **
  • 11
  • 0
ul{
margin:0 auto;
display:table;
}