Нераздвигающееся меню

[smirn0ff]

Подскажите как в верхнем меню сделать так чтобы пункты меню не раздвигались при наведении мыши http://seodacha.ru/. Для ссылки указан стиль при наведении

#block-menu-menu--topmenu a:hover {

border: 1px solid #00B2EC;

}

[Vin]

Border, точно так же, как и margin и padding увеличивает размеры элемента. Соответственно, нужно уменьшить размеры элемента при наведении, чтобы компенсировать увеличение размеров за счёт бордера.

[smirn0ff]

а не подскажите еще почему этот стиль не работает на сайте

#block-menu-menu--topmenu a:active {

border: 1px solid #00B2EC !important;

}

[Vin]

Почему не работает? Просто цвет точно такой же, как и при наведении, и в активном состоянии (момент нажатия на ссылку) он неотличим от hover.

[smirn0ff]

Border, точно так же, как и margin и padding увеличивает размеры элемента. Соответственно, нужно уменьшить размеры элемента при наведении, чтобы компенсировать увеличение размеров за счёт бордера.

как же это реализовать?

[Viper]

Как один из вариантов: _http://jsfiddle.net/webviper/huBw3/

[smirn0ff]

Почему не работает? Просто цвет точно такой же, как и при наведении, и в активном состоянии (момент нажатия на ссылку) он неотличим от hover.

бордер появляется только при наведении, но после загрузки страницы его нет. а у вас он есть?

[Vin]

Почему не работает? Просто цвет точно такой же, как и при наведении, и в активном состоянии (момент нажатия на ссылку) он неотличим от hover.

бордер появляется только при наведении, но после загрузки страницы его нет. а у вас он есть?

Так и должно быть http://htmlbook.ru/css/active.

[Viper]

а не подскажите еще почему этот стиль не работает на сайте

#block-menu-menu--topmenu a:active {

border: 1px solid #00B2EC !important;

}

А что по вашему он должен делать? Тоисть, как по вашему работает "параметр" :active?

[smirn0ff]

Почему не работает? Просто цвет точно такой же, как и при наведении, и в активном состоянии (момент нажатия на ссылку) он неотличим от hover.

бордер появляется только при наведении, но после загрузки страницы его нет. а у вас он есть?

Так и должно быть http://htmlbook.ru/css/active.

а как же тогда сделать чтобы в меню активная страница была с бордером?

Как один из вариантов: _http://jsfiddle.net/webviper/huBw3/

благодарю, заработало

я думал что :active применяет свойство для активной страницы, то есть той которая сейчас открыта