0 Пользователей и 1 Гость просматривают эту тему.
  • 13 Ответов
  • 6668 Просмотров
*

dron

  • Завсегдатай
  • 1483
  • 15 / 10
Ссылки active, hover
« : 25.04.2007, 17:08:09 »
доброе время суток... Вот что-то никак не пойму в чем дело... не первый раз уже делаю меню, но почему-то упрямо ничего не выходит... Пункты меню меняются принаводе мышки (hover), но никак не меняются при входе в раздел (active). И цвет и фон упрямо остаются такими же как у неактивных разделов... В чем дело, а?! Спасибо огромное!

/* пункты главного меню*/

a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
font-family: Tahoma;
color: black;
text-align: left;
padding-top: 2px;
padding-left: 16px;
height: 18px !important;
width: 100%;
text-decoration: none;
}

a.mainlevel:hover {
background-position: 0px -18px;
text-decoration: none;
color: #FF9000;
}

a.mainlevel:active {
color: #FF9000;
}

a.mainlevel#active_menu:hover {
color: #FF9000;
}

/* подпункты главного меню */

a.sublevel:link, a.sublevel:visited {
display: block;
background: url(../images/sublevel_bg.png) no-repeat;
padding-left: 27px;
font-size: 11px;
font-weight: normal;
font-family: Tahoma;
color: black;
text-align: left;
padding-top: 2px;
height: 18px !important;
text-decoration: none;
}

a.sublevel:hover {
background: url(../images/sublevel_bg2.png) no-repeat top;
text-decoration: none;
color: #FF9000;
padding-left: 27px;
}

a.sublevel:active {
background: url(../images/sublevel_bg2.png) no-repeat top;
color: #FF9000;
}

a.sublevel#active_menu:hover {
color: #FF9000;
}

сайт: www.satworld.ru
*

Alex_B

  • Захожу иногда
  • 196
  • 39 / 0
Re: Ссылки active, hover
« Ответ #1 : 25.04.2007, 17:14:44 »
#active_menu:hover {
color: #FF9000;
}
а если так?
*

dron

  • Завсегдатай
  • 1483
  • 15 / 10
Re: Ссылки active, hover
« Ответ #2 : 25.04.2007, 17:31:00 »
#active_menu:hover а эточто вообще такое? дизайн делал на основе где-то взятого css файла. Что это за дескриптор такой?
*

Alex_B

  • Захожу иногда
  • 196
  • 39 / 0
Re: Ссылки active, hover
« Ответ #3 : 25.04.2007, 18:17:25 »
ну вот есть такой, попробуй
#active_menu{
color: #FF9000;
}
*

dron

  • Завсегдатай
  • 1483
  • 15 / 10
Re: Ссылки active, hover
« Ответ #4 : 25.04.2007, 20:21:11 »
Alex_B, ты прав! заработало! странно, почему не active?!
Кстати, для подпунктов sublevel не работает.... Как их переделать? спасибо!
*

dron

  • Завсегдатай
  • 1483
  • 15 / 10
Re: Ссылки active, hover
« Ответ #6 : 27.04.2007, 10:09:44 »
странно, но sublevel#active_menu в IE у меня не работает, а в Опере работает...
*

dron

  • Завсегдатай
  • 1483
  • 15 / 10
Re: Ссылки active, hover
« Ответ #7 : 01.05.2007, 14:11:25 »
Выложи своё творение в интенет.
в первом посте в конце написано: www.satworld.ru

Re: Ссылки active, hover
« Ответ #8 : 27.07.2007, 11:41:34 »
Проблема по теме:

Шаблон: madeyourweb

В файле template_css.css по образцу добавил:
Код
a.mainlevel-right {
font-size: 10px;
padding-left: 4px;
width: 168px;
display: block;
line-height: 26px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 160px;
}



html>body a.mainlevel-right {width:160px;} /* Opera5-Fix-fix ;-) */


a.mainlevel-right:hover, a.mainlevel-right#active_menu {
background: #F1F1F1;
text-decoration: none;
}
Образец: a.mainlevel
Также добавил в файл css_color_red.css:
Код
a.mainlevel-right {
color: #7E0E0E;
}

a.mainlevel-right:hover, a.mainlevel-right#active_menu {
border-right: 4px solid #D53E3A;
}

В модуле приписал Menu Class Suffix "-right"

Сработало! Только теперь в IE6 не подсвечивается активный пункт меню, хотя "hover" работает! С классом "mainlevel" активный пункт в IE6 подсвечивался. В браузерах Opera и FireFox все норм.

ссылка: http://uran.biz.ua/~pozitive/newbear/index.php?page=shop.browse&category_id=8&option=com_virtuemart&Itemid=2

Помогите решить проблему.

Re: Ссылки active, hover
« Ответ #9 : 25.09.2008, 12:44:58 »
ну вот есть такой, попробуй
#active_menu{
color: #FF9000;
}
А если движок не присваивает активной ссылке id="active_menu", что тогда делать? Как сделать так, чтобы активная ссылка имела те параметры, которые мне нужны?
*

sosnyak88

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Ссылки active, hover
« Ответ #10 : 21.09.2011, 14:28:43 »
ну вот есть такой, попробуй
#active_menu{
color: #FF9000;
}

Огромное спасибо. Мне это тож помогло))
*

Severus

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Ссылки active, hover
« Ответ #11 : 02.12.2011, 23:03:50 »
Огромное спасибо. Мне это тож помогло))
А вот мне в точно таком виде НЕ ПОМОГЛО.Наполовину работает в таком варианте:

#pillmenu li a {
   font-family: Verdana, Tahoma, sans-serif;
   font-size: 16px;
   float: left;
   display: block;
   line-height: 35px;
   padding: 0 8px 0 8px;
   color: #444;
   text-decoration: none;
   font-weight: bold;   
}

#pillmenu li a:hover {
   color: #fff;
}

#pillmenu li a:active {
   color: #ff0000;
Наполовину, это значит, что пока удерживаешь левую кнопку, цвет становится #FF0000, отпускаешь: #fff, сдвигаешь: #444.
Не могу добиться, чтобы цвет на активном пункте меню "залипал".
Может кто подскажет, где копать?
Сайт http://www.homedekors.ru
*

AlterEgo

  • Захожу иногда
  • 170
  • 71 / 5
Re: Ссылки active, hover
« Ответ #12 : 03.12.2011, 00:16:38 »
#pillmenu li.active a {
   color: #ff0000;
}
*

Severus

  • Осваиваюсь на форуме
  • 13
  • 0 / 0
Re: Ссылки active, hover
« Ответ #13 : 03.12.2011, 12:16:51 »
Ура! Заработало. Спасибо огромное. Пошел повышать свою грамотность.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Ссылки в меню в мобильной версии

Автор Андрей Нестеров

Ответов: 1
Просмотров: 370
Последний ответ 11.12.2019, 10:47:20
от sivers
Код в теге ссылки для изменение background-image с помощью onmouseover

Автор Bozhkov2

Ответов: 5
Просмотров: 720
Последний ответ 19.12.2018, 16:56:48
от Bozhkov2
Сделать эффект CSS у кнопок как у ссылки

Автор wishlight

Ответов: 1
Просмотров: 638
Последний ответ 15.07.2018, 23:36:56
от AdWeb
:hover и :active {

Автор RicoID

Ответов: 1
Просмотров: 573
Последний ответ 21.11.2016, 12:22:04
от darkghost
Как задать :hover{ и :active { Для одной кнопки?

Автор RicoID

Ответов: 2
Просмотров: 1212
Последний ответ 18.11.2016, 16:34:43
от ProtectYourSite