Добрый день!
Очень я люблю этот сервис! Всё понятно, замечательно. Ответы почти на все вопросы я нашла на форуме. Но у меня есть затруднение с кнопками меню.
Здесь я нашла код, прописала его в КСС, получилось такое меню:
как видите, кнопки при наведении становятся ярко-зелёными, а кнопка, на которой странице я сейчас нахожусь просто меняет цвет текста. Так вот, я нашла ещё один код и добавила его, который активной кнопке придаёт тёмно-зелёный цвет, но у меня получается дублирование кнопки:
Помогите, знающие люди! В чём моя проблема - может я вовсе не то пишу? Или не в то место код вставляю...
Собственно код для меню:
.art-vmenu li {background:url(/img/infobezdna/knopka1.png);
background-repeat: no-repeat;}
.art-vmenu li:hover {background:url(/img/infobezdna/knopka2.png);
background-repeat: no-repeat;}
/* begin VMenu */
ul.art-vmenu, ul.art-vmenu li
{
list-style: none;
margin: 0;
padding: 0;
width: 200px;
line-height: 0;
}
/* end VMenu */
/* begin VMenuItem */
ul.art-vmenu a
{
position: relative;
display: block;
overflow: hidden;
height: 38px;
cursor: pointer;
text-decoration: none;
}
ul.art-vmenu li.art-vmenu-separator
{
display: block;
padding: 0 0 0 0;
margin: 0;
font-size: 1px;
}
ul.art-vmenu .art-vmenu-separator-span
{
display: block;
padding: 0;
font-size: 1px;
height: 0;
line-height: 0;
border: none;
}
ul.art-vmenu a .r, ul.art-vmenu a .l
{
position: absolute;
display: block;
top: 0;
z-index: 0;
height: 84px;
background-image: url('images/vmenuitem.png');
}
ul.art-vmenu ul a
{
display: block;
white-space: nowrap;
height: 20px;
overflow: visible;
background-image: url('images/vsubitem.gif');
background-position: 20px 0;
background-repeat: no-repeat;
padding-left: 20px;
}
ul.art-vmenu a .l
{
left: 1px;
right: 1px;
}
ul.art-vmenu a .r
{
width: 1002px;
right: 0;
clip: rect(auto, auto, auto, 1001px);
}
ul.art-vmenu a .t
{
display: block;
line-height: 28px;
color: #000000;
padding: 0 11px 0 11px;
font-variant: cursive;
font-size: 15px;
margin-left:0;
margin-right:0;
}
ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r
{
top: -28px;
}
ul.art-vmenu a:hover .t
{
color: #000000;
}
ul.art-vmenu a.active .l, ul.art-vmenu a.active .r
{
top: -56px;
}
ul.art-vmenu a.active .t
{
color: #C1FFC1;
}
ul.art-vmenu a.active .t
{
background:url(/img/infobezdna/knopka2.png);
}
/* end VMenuItem */
---------------
Выделено зелёным - это то, что я добавила для "нажатой кнопки" ( 2 фото )