Создание и продвижение сайтов, материалы веб-мастеру!
Способы заработка, свой бизнес в интернете!

Подписка на обновления сайта с помощью RSS

Подписка с помощью RSS
(читателей: 955)

Мой LiveJournal Мой Я.ру Мой FaceBook Мой Twitter

Читать в соц. сетях:

Куда вложить деньги - инвестирование в ПАММ-счетаПассивный доход за счёт инвестирования Куда сегодня можно вложить деньги

Инструкции и методы решения различных задач

Раздел "Инструкции и методы"

Основа данного раздела - это пошаговые описания решений определённых задач в сайтостроении (вёрстка, web-дизайн, программирование и прочее), примеры решения различных трудностей с помощью полезного софта, а также некоторые другие интересные материалы

Все инструкции и методы одним списком

Не игнорируйте :focus

:hover

Зачастую, при написании CSS файла для нового веб-проекта, используются псевдокласс :hover, который отвечает за состояние объекта, когда на него наведена мышь. Здесь нередко возникает ошибка из-за небрежности в написании правил для :hover без выполнения псевдокласса :focus, который устанавливает фокус на объекте страницы. Насколько глубокими будут проблемы от подобного недосмотра зависит от назначенных действий для :hover.

Игнорирование :focus не вызовет серьезных трудностей, если для :hover определены простые правила, вроде изменения цвета при наведении мышки на объект. Если фокус поменяется посредством клавиатуры, актуальный объект попросту не выделится.

А вот если вы зададите для :hover правило outline=0 или outline=none, то проблемы будут куда более серьезными. И особенно злободневной проблемой это становится в свете нынешней тенденции сводить действие outline на нет. Таким образом, получается, что ссылки технически доступны, но визуально это не проявляется, лишь некоторые браузеры в строке статуса отражают значение href ссылки под фокусом.

Однако, к большому счастью разработчиков, подобные проблемы решаются весьма легко. Необходимо всего-навсего при определении правил для :hover не забыть указать и :focus. А для IE7 и более ранних версий, нужно указать еще и псевдокласс :active.


Сломался ноутбук, проблемы с монитором? Не беда, вы можете заказать ремонт ноутбуков, а также мониторов на сайте CompHelper.

Если Вам понравился данный материал, Вы можете подписаться на получение новых публикаций сайта с помощью RSS-ленты или E-mail-рассылки:

Подписка на обновления сайта с помощью RSS

Введите свой e-mail:

RSS-подписчиков: 955 | E-mail-подписчиков: 691


Спасибо Вам за добавление данной страницы в социальные сервисы:


Ещё инструкции и методы...


Задать вопрос или оставить комментарий

Вы можете поделиться своим мнением по теме или задать возникшие вопросы ниже в комментариях. Спасибо!

Чтобы получить подробный ответ на ряд возникших вопросов или если требуется детальная помощь в решении какой-либо задачи, можно воспользоваться данной формой. Ответы на вопросы, заданные через указанную форму, публикуются в разделе "Вопросы пользователей".


Отправить комментарий
Содержание этого поля является приватным и не предназначено к показу.
КАПЧА
Этот вопрос задается для того, чтобы выяснить, являетесь ли Вы человеком или представляете из себя автоматическую спам-рассылку.
1 + 13 =
Решите эту простую математическую задачу и введите результат. То есть для 1+3, введите 4.

Copyright © 2007-2012 Николай Мурашкин | Хостинг сайта

Копирование, а также любое другое подобное использование материалов без ссылки на сайт NikMurashkin.RU строго запрещено!

тИЦ и Page Rank сайта