в общем проблема с дизайном верхнего меню: есть шаблон, на который я хочу заменить стандартную менюшку, html обоих шаблонов практически идентичен, но в CSS они построены по разному...
вот CSS того меню, которое хочу поставить:
<div class="menubg">
<ul id="men">
<li><a href="" style="" >ссылка</a></li>
<li><a href="" style="" >ссылка</a></li>
<li><a href="" style="" >ссылка</a></li>
<li class="active"><a href="" style="" >ссылка</a></li>
<li><a href="" style="" >ссылка</a></li>
</ul>
</div>
Вот css этого меню:
Вот код того меню, которое хочу изменить:
<div class="nav">
<ul>
<li>
<a href="/" title="Главная">Главная</a>
</li>
<li>
<a href="/about/" title="О нас">О нас</a>
</li>
<li>
<a href="/services123/" title="Услуги123">Услуги123</a>
</li>
<li>
<a href="/solutions/" title="Решения">Решения</a>
</li>
<li>
<a href="/news/" title="Новости">Новости</a>
</li>
<li>
<a href="/contacts/" title="Контакты">Контакты</a>
</li>
</ul>
</div>
вот css этого меню:
.nav ul {
width:640px;;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
position:relative;
list-style:none;
}
.nav ul li {
float:left;
font-family:Arial, Helvetica, sans-serif;
padding:0 20px 0 20px;
font-size:12px;
color:#FFF
}
.nav ul li a {
float:left;
text-decoration:none;
padding:9px 0 9px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
}
.nav ul li a:hover {
text-decoration:none;
overflow:hidden;
padding:9px 9px 9px 9px;
position:relative;
background-color:#7bba0d;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
}
может кто подскажет оптимальное решение?
PS - сильно не ругайте меня за такие глупые вопросы
