Съезжают пункты меню, как исправить?

Здравствуйте!
Сразу дам ссылку на код: jsfiddle.net/T2xa7
При наведении на пункты меню, они съезжают вправо на несколько пикселей. Как сделать, чтобы он остался на месте?
  • Вопрос задан
  • 3325 просмотров
Пригласить эксперта
Ответы на вопрос 4
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Использовать font-weight для активной ссылки можно только если справа ничего не стоит или задана фиксированная ширина. Все остальные варианты, в т. ч. letter-spacing — это очень шаткие варианты, очень зависимые от системы.
Вопрос можно решить с помощью js, но делать такое с помощью js не рекомендую, лучше поговорите с дизайнером.
Ответ написан
задать чёткую ширину или поставить им letter-spacing отрицательный при наведении или положительный при нормальном состоянии
Ответ написан
RadiationX
@RadiationX
Front-End разработчик
Если вам не страшна лишняя разметка, то можно сделать так cssdeck.com/labs/tib2vplb

Создаётся еще один блок, с уже жирным текстом, а потом просто скрывается.

Можно еще вот такой вариант, с помощью дополнительного атрибута и псевдо-элемента cssdeck.com/labs/tib2vplbv2
Ответ написан
Комментировать
@fridriekh
Фулл-тайм эникей
a {
text-decoration: none; /* Убирает подчеркивание для ссылок */
}
a:hover {
text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы