@Martyer

Выравнивание меню по центру?

как в css выровнять верхнее меню навигации ? margin: 0 auto не получается.

вот собственно css:
/* Верхнее навигационное меню
-------------------------------------------------------------- */
#topheader-wrap {
top: 0px;
width: 100%;
background: #03658e url(image/spriteme2.png) repeat-x;
background-position: 0px -10px;
height: 31px;
z-index: 1000;
}
#topheader #header-search {
	float: right;

}
#topnav-icon {
	display: none;
}
#topnav-menu {
	margin: 0 auto;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#topnav-menu li{
	float: left;
position: relative;
margin: 0 auto;
}
#topnav-menu a {
	display: block;
	padding: 0.8em 1em;
	text-decoration: none;
	font-size: 0.8em;
	text-transform: uppercase;
margin: 0 auto;
}
#topnav-menu a:link, #topnav-menu a:visited{
	color: #fff;
	text-decoration: none;
margin:0 auto;
}
#topnav-menu a:hover {
	background: rgba(0,0,0,0.2); 
}
#topnav-menu li.current_page_item a, #topnav-menu li.current-menu-item a {
margin:0 auto;	
}


и скажите пожалуйста может в коде много лишнего есть, что надо убрать
  • Вопрос задан
  • 5521 просмотр
Решения вопроса 2
mrquake
@mrquake
Абырвалг
Попробуйте
#topnav-menu, li {
display: inline-block;
} 
#topnav-menu {
margin: // Здесь регулируйте без auto
}
Ответ написан
@ukoHka
Всего понемногу
Пригласить эксперта
Ответы на вопрос 2
@Martyer Автор вопроса
не решена задача jsfiddle.net/marty_er/5z3jejhz
Ответ написан
Комментировать
Надо задать ширину блоку <ul> и выровнять margin:0 auto;

Результат:
<ul id="topnav-menu" class="menu" style="width:500px;
margin:0 auto;">


Использована грубая ширина, подберите свою.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы