мне нужна помощь… имеется горизонтальное подменю http://www.business-plan.md/
как мне выровнять подменю по центру? уже не могу… глаза друг друга посылают…
вот код CSS:
#menu
{
margin: 0 auto;
padding: 0px;
position:relative;
float:right; right:50%; width:auto;
}
ul#tophornav{
/*border:1px solid red; /**/
height:30px; /* высота списка */
list-style:none; /* отменяем маркер для списка */
margin:0 auto; /* выравниваем меню на странице */
padding:0px; /* обнуление полей */
position:relative;
float:none!important; float:left; right:-50%;
}
ul#tophornav li{
display:block;
float:left;
}
ul#tophornav li a{
color:#61696F; /* цвет текста */
display:block; /* меняем тип отображения */
float:left; /* обтекание */
font:normal 16px arial; /* описываем шрифт */
height:16px; /* задаем высоту для элемента */
margin:0px;
padding:5px 30px 0px 30px;
text-align:center; /* текст в ячейке "по центру" */
text-decoration:none; /* отмена декораций */
}
ul#tophornav li.active a, ul#tophornav li.active a:hover, ul#tophornav li:hover a { color: #6AABDC; }
ul#tophornav li a:hover { color:#61696F; }
ul#tophornav li ul{
display:none; /* скрываем второй уровень */
list-style:none;
margin: 0 auto;
position:absolute; /* задаем абсолютное позиционирование */
top:15px; /* отступ сверху */
left:0px;
}
ul#tophornav li.active ul{
/*border:1px solid red;*/
display:inline-block;
float:none;
margin:0px auto;
padding:0px;
/*width:900px;*/
}
ul#tophornav li.active ul li a{
border:0;
color:#61696F;
display:inline;
font-size:12px;
font-weight:normal;
height:30px;
line-height:30px;
padding:0px;
margin:0 auto;
text-align:center;
white-space:nowrap;
padding:5px 30px 0px 30px;
}
ul#tophornav li.parent ul li a:hover{
color:#61696F;
}
ul#tophornav li.active ul li#current a {color: #6AABDC;}
а вот HTML:
<div id="menu">
<ul class="menu-nav" id="tophornav">
<li class="item38"><a href="/"><span>О проекте</span></a></li>
<li class="parent item3"><a href="/razrabotati/elaborate"><span>Разработать</span></a>
<ul>
<li class="item4"><a href="/razrabotati/basic-planing"><span>Основы планирования</span></a></li>
<li class="item5"><a href="/razrabotati/standarts"><span>Стандарты</span></a></li>
<li class="item36"><a href="/razrabotati/mistakes"><span>Ошибки</span></a></li>
<li class="item6"><a href="/razrabotati/bible"><span>Библиотека</span></a></li>
<li class="item7"><a href="/razrabotati/help"><span>Помощь</span></a></li>
</ul>
</li>
<li class="parent item8"><a href="/zakazati/order"><span>Заказать</span></a>
<ul>
<li class="item9"><a href="/zakazati/bizplan"><span>Бизнес план</span></a></li>
<li class="item10"><a href="/zakazati/teo"><span>Т Э О</span></a></li>
<li class="item11"><a href="/zakazati/fin-plan"><span>Финансовый план</span></a></li>
<li class="item34"><a href="/zakazati/bystro-plan"><span>Быстроплан</span></a></li>
</ul>
</li>
<li class="item12"><a href="/bez-plana/business-without-plan"><span>Бизнес без плана</span></a></li>
<li class="parent item13"><a href="/partneri/partners"><span>Партнёры</span></a>
<ul>
<li class="item15"><a href="/partneri/donors"><span>Доноры</span></a></li>
<li class="item16"><a href="/under-construction"><span>Консультанты</span></a></li>
<li class="item14"><a href="/partneri/creditors"><span>Кредитные организации</span></a></li>
</ul>
</li>
<li class="item17"><a href="/kontakti/contacts"><span>Контакты</span></a></li>
</ul>
</div>