Эффект нажатой кнопки

[Shar]

Нужно реализовать вот такой эффект активной ссылки, как его можно реализовать, а то все уже отверстано а тут еще не решено как делать:

[Dimitry Wolotko]

http://htmlbook.ru/content/?id=17

В таком ключе - плюс поиск по форуму.

[Shar]

спасибо конечно, но это не то что мне нужно. Данная статья была прочитана мною в первую очередь

[Dimitry Wolotko]

А что конкретно вам нужно? Опишите подробнее.

[Shar]

Грубо говоря есть ячейка таблицы залитая градиентным фоном, в ней находится вложенная таблица в ячейках которой лежат ссылки меню, так надо сделть чтобы фон под активной ссылкой заменялся на другой, т.е. создавался эффект нажатой кнопки, как показано на рисунке в моем первом сообщении.

[Emm]

вот так можно...

.link {

......

}

a.link:hover {

......

background: url('grad.gid');

}

[Dimitry Wolotko]

Из сложившейся ситуации понимаю, что пользователь Shar жд?т готового решения, и не хочет поработать головой, ибо решение от Emm, на мой взгялд, вполне логичное продолжение от ссылки, которую я дал выше.

[Shar]

Спасибо за очень дельные советы!

[shkoda]

как продолжение темы есть похожий вопрос. Здесь на сайте раздел, в котором ты находишься, выделен с помощью меню (владка выделена более темным цветом и слегка сдвинута вниз). Вопрос: такой эффект достигается за счет JavaScript или другими методами? Использование псевдоклассов active и hover не приводит к желаемому результату, поиск по Инету и данному сайту также не помог (может, конечно, и с руками что-то (( ). Так что кто может помочь, пожалуйста.

[Dimitry Wolotko]

Замена цвета - это просто замена картинки, смещение - это css

[bART]

А почему бы просто не добавить полупрозрачный слой поверх этой кнопочки?

Дополнительный бонус: не будет ссылать на саму себя!

[shkoda]

2 Dimitry Wolotko, я понимаю, как это реализовано технически, но как сделать так, чтобы активная ссылко была выделена все то время, пока пользователь находится в соответствующем разделе.

[Maslakoff]

Блин... вот так я делаю:

html

<ul class="menu">
 <li><a href="#">Раздел 1</a></li>
 <li><span>Раздел 2</span></li>
 <li><a href="#">Раздел 3</a></li>
 <li><a href="#">Раздел 4</a></li>
 <li><a href="#">Раздел 5</a></li>
</ul>

css

.menu {
position:relative;
display:block;
width:500px;
height:30px;
list-style:none;
list-style-type:none;
}

.menu li {
position:relative;
display:block;
width:100px;
height:30px;
text-align:center;
float:left;
}

.menu li a {
position:relative;
display:block;
width:100px;
height:30px;
background:black;
color:white;
}

.menu li a:hover {
background:yellow;
}

.menu li span {
position:relative;
position:block;
width:100px;
height:30px;
background:red;
color:white;
}

что-то подобное. код писал, не проверяя.

[rash]

каждой навигационной ссылке присваиваем класс "section_name", потом для каждого пункта навигации создаем правила:

#section name .section_name {
 /* стили выделенной ссылки */
}

Так как количество секций обычно ограничено и невелико, то такой способ в некоторых случаях бывает удобен.

[shkoda]

Спасибо)

[Loginanton]

Люди если ещ? нужен код, то я выложу. Я такую фичу спокойно делую, без джаваскрипта

[Loginanton]

Люди если ещ? нужен код, то я выложу. Я такую фичу спокойно делую, без джаваскрипта

[Loginanton]

Люди если ещ? нужен код, то я выложу. Я такую штуку спокойно делую, без джаваскрипта

[Loginanton]

Люди если ещ? нужен код, то я выложу.

[Loginanton]

Если ещ? нужен код, то я выложу.

[Loginanton]

Если ещ? нужен код, то я выложу.