Вход | Регистрация | FAQ
Anonymous

Выделение активного пункта меню. Нужен совет!

+ Ответить

Сообщений: 4 Страница 1 из 1


Выделение активного пункта меню. Нужен совет!

kirian222 » Ср окт 16, 2013 5:00 pm

Помогите с выделением активного пункта меню.
Все облазил ничего не помогло.
HTML
<ul class="menu">
<li><a href="/index">Главная</a></li>
<li><a href="/index/uslugi/0-7">Услуги</a></li>
<li><a href="/index/nedvizhimost/0-9">Недвижимость</a></li>
<li><a href="/index/contacts/0-6">Контакты</a></li>
<li><a href="/index/zajavka/0-8">Оставить заявку</a></li>
</ul>
<div class="clear"></div>
CSS
menu, .menu ul {
padding : 0;
list-style : none;
}
.menu {
position : relative;
width : 994px;
height : 39px;
margin : 0 auto;
}
.menu a:hover {
background : #bba26c;
border-color : #888 #777 #bba26c #555;
color : #fff;
}
.menu ul li.active,
.menu ul li a:hover {
background : #bba26c;
border-color : #888 #777 #bba26c #555;
color : #fff;
}

.menu a:hover ul li a {
line-height : 35px;
height : 35px;
float : none;
}
.menu ul li a {
background : #bba26c;
border-color : #888 #777 #444 #555;
border-radius : 0 0 0 0;
color : #000000;
line-height : 1px;
transition : 1.5s;
}
.menu ul {
position : absolute;
top : 37px;
left : 0;
height : 0;
overflow : hidden;
}
.menu li {
float : left;
position : relative;
background : transparent;
}
.menu li a {
width : 138px;
height : 37px;
margin-left : 3px;
background : #E6C98A;
border-radius : 6px 6px 0 0;
display : block;
text-align : center;
line-height : 35px;
border : #8a8686 solid 1px;
border-bottom-color : #fff;
color : #000000;
text-decoration : none;
font-size : 12px;
font-weight : bold;
transition : 0.6s;
}
.menu ul li {
width : 100%;
opacity : 0;
transition : 0.5s;
}
.menu li:hover ul li {
opacity : 1;
}
.menu li:hover ul li a {
line-height : 35px;}
Аватара пользователя

kirian222

  • Сообщения: 2
  • Зарегистрирован: Ср окт 16, 2013 4:56 pm

Re: Выделение активного пункта меню. Нужен совет!

XainPro » Пт окт 18, 2013 11:53 am

Добавьте новое имя класса выбран и установить его как активного или выбранного меню

<ul class="menu">
<li><a class="selected" href="/index">Главная</a></li>
<li><a href="/index/uslugi/0-7">Услуги</a></li>
<li><a href="/index/nedvizhimost/0-9">Недвижимость</a></li>
<li><a href="/index/contacts/0-6">Контакты</a></li>
<li><a href="/index/zajavka/0-8">Оставить заявку</a></li>
</ul>

.selected {
rules
}
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm

Re: Выделение активного пункта меню. Нужен совет!

kirian222 » Пт окт 18, 2013 10:27 pm

XainPro писал(а):Добавьте новое имя класса выбран и установить его как активного или выбранного меню

<ul class="menu">
<li><a class="selected" href="/index">Главная</a></li>
<li><a href="/index/uslugi/0-7">Услуги</a></li>
<li><a href="/index/nedvizhimost/0-9">Недвижимость</a></li>
<li><a href="/index/contacts/0-6">Контакты</a></li>
<li><a href="/index/zajavka/0-8">Оставить заявку</a></li>
</ul>

.selected {
rules
}


Блин не помогает!!!Уже третий день голову ломаю.
Есть еще варианты?
Аватара пользователя

kirian222

  • Сообщения: 2
  • Зарегистрирован: Ср окт 16, 2013 4:56 pm

Re: Выделение активного пункта меню. Нужен совет!

XainPro » Сб окт 19, 2013 7:50 pm

Google любой учебник для этого или подождать, пока кто-либо другой, чтобы помочь вам
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm


+ Ответить

Страница 1 из 1