SEO форум вебмастеров TalkWebber.ru

Чтобы пользоваться всеми его возможностями, необходимо зарегистрироваться. Без регистрации Вы сможете только читать определенные темы. Мы будем благодарны, если Вы примите участие в нашем проекте и будете развивать форум вместе с нами!

Помощь border в навигации

  • Автор темы jumo
  • Дата начала

jumo

пятниЦо покарал )
Проверенные
Регистрация
01.11
Сообщения
566
Репутация
262
Возраст
24
#1
kak.png

Верстаю шаблон и сталкнулся с такой херней.
Нужно данный border сделать высотой в текст меню и сравнять на один уровень с текстом.

<nav>
<ul class="top-menu">
<li><a href="/#">ГЛАВНАЯ</a></li>
<li><a href="/#">КРАСОТА & ЗДОРОВЬЕ</a></li>
<li><a href="/#">МОДА & СТИЛЬ</a></li>
<li><a href="/#">ДОМ & БЫТ</a></li>
<li><a href="/#">ОТНОШЕНИЯ</a></li>
<li><a href="/#">ДЕТИ</a></li>
<li><a href="/#">ОБЩЕСТВО</a></li>
</ul>
</nav>

nav {

background:url(images/menubg.png) top repeat-x;
width:1000px;
height:39px;
margin-top:60px;
border-radius:40px;

}

.top-menu li {
padding:13px 15px 0 15px;
list-style:none;
font-size:0.75em;
float:left;
border-left:1px solid #dc466c;
font-family:TimesNewRoman;
}

.top-menu li:first-child {
border:none;
}

.top-menu a {
color:#fff;
text-decoration:none;


}

.top-menu a:hover {
color:#99c3d2;
text-decoration:underline;

}
 

MasterKanat

Гость
Проверенные
Регистрация
02.16
Сообщения
22
Репутация
4
Возраст
26
#2
В css .top-menu li поправь padding:0px 15px 0 15px;
помогло ?