Псевдокласс : active

[@q_styler]

Да! Если переопределяю стандартные контролы, то конечно использую.
Возьмём к примеру кнопку.
Ведь по-хорошему пользователь должен получать фидбэк от каждого своего действия. Навёл курсор на кнопку: кнопочка подсветилась, пользователь понял, что она активна. Опустил мышку: бордюрчик поменялся, пользователь понял, что нажал успешно.
Кстати, ссылки, на которых этот класс не прописан, у меня в лисе при нажатии обводятся точечным бордюрчиком.

Повторюсь ещё раз и готов буду повторять тысячу миллионов раз: пользователь ВСЕГДА должен получать фидбэк от каждого своего действия.

[@leshaogonkov]

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

а если прописать, то он исчезает?

[@q_styler]

надо проверить.

[@va1en0k]

на сайте по ссылке появлялся бордюрчик, но тока справа =)

[@leshaogonkov]

издержки отрицательных полей, и вообще не про бордюрчик пост )))

[@1mdm]

"бордюрчик" - это outline.

[@va1en0k]

добавлю к вашему "повторюсю": фидбек не должен раздражать
если при нажатии на кнопку вся страница начинает мигать желторозовым и орать дааа вы нажали на кно-о-о-о-опку!!! то это уже не фидбек, а клиника ^^

[@q_styler]

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

[@va1en0k]

это частая проблема советов: когда их придумывают, все вроде хорошо, но многие доводят дело до клиники

[@va1en0k]

комментарий перескочил, блин :(
я комментировал комментарий комментатора  q_styler

[@leshaogonkov]

это для проверки поведения колонок при увеличении контента?)

[@drak]

на apple.com в верхнем меню давно используется такое

[@Cake_Seller]

Если не ошибаюсь то у apple это реализуется не стилями, а яваскриптами.

[@drak]

посмотрите код, там все сделано стилями
я везде такой принцип использую в меню

[@drak]

там все сделано стилями

/* button */
#globalheader #globalnav li#b-home a { background-position: 0 0; }
#globalheader #globalnav li#b-people a { background-position: -125px 0; }
#globalheader #globalnav li#b-exp a { background-position: -250px 0; }
#globalheader #globalnav li#b-pub a { background-position: -375px 0; }
#globalheader #globalnav li#b-down a { background-position: -500px 0; }
#globalheader #globalnav li#b-comp a { background-position: -625px 0; }
/* over */
#globalheader #globalnav li#b-home a:hover { background-position: 0 -28px; }
#globalheader #globalnav li#b-people a:hover { background-position: -125px -28px; }
#globalheader #globalnav li#b-exp a:hover { background-position: -250px -28px; }
#globalheader #globalnav li#b-pub a:hover { background-position: -375px -28px; }
#globalheader #globalnav li#b-down a:hover { background-position: -500px -28px; }
#globalheader #globalnav li#b-comp a:hover { background-position: -625px -28px; }
/* press */
#globalheader #globalnav li#b-home a:active { background-position: -0px -56px; }
#globalheader #globalnav li#b-people a:active { background-position: -125px -56px; }
#globalheader #globalnav li#b-exp a:active { background-position: -250px -56px; }
#globalheader #globalnav li#b-pub a:active { background-position: -375px -56px; }
#globalheader #globalnav li#b-down a:active { background-position: -500px -56px; }
#globalheader #globalnav li#b-comp a:active { background-position: -625px -56px; }

[@Cake_Seller]

:) хм... видимо вы правы. А я почему то не смог найти эти строки.

[@drak]

там у них очень все запутано)

[@drak]

на apple.com давно такое в меню используется

[@leshaogonkov]

никогда не замечал раньше)
у них скорее эмулируется эффект нажатия, но за счет единого изображения получается очень здорово)

[@TiGR]

Хм. Для того, чтобы создать полноценный эффект, нужно чтобы в данный момент активный пункт меню перестал быть таковым, а это уже одним css не реализуешь. Иначе получатся сразу два выделенных (активных) пункта.

Хотя, если этого и добивались — вполне можно использовать.

[@leshaogonkov]

да, я это тоже отметил, но если загрузка происходит вполне нормально, то новый код подгружается и этот недостаток не виден

[@A1ekcandr]

странно рассмотреный пример http://www.simplebits.com/bits/tab_rollovers.html# у меня в опере не работает

[@leshaogonkov]

действительно странно, у меня всё нормально
правда работает немного иначе чем в других браузерах