Не могу задать границу для ссылки кнопки в шапке?

Question

[mutaev_murad]

Привет ребята!!! вот такая проблема не могу задать границу в меню для ссылки кнопки в шапке граница которая отображается при наведений с помошью (hover) там надо задать border radius и border но дело в том что если задавать оба свойства то в меню при наведений курсора ссылки или кнопки (как их еще можно назвать) играются делают скок, меняют свое местополпжение вот макет psd который я верстаю
посмотрите там верхнее меню в шапке
Home About Me Portfolio Blog Contact
Где Home при наведений точно
такие же стили нужно задать

Comments

[Гарольд]

Лучше скидывать не макет psd (который не доступен по ссылке), а исходный код в котором у вас возникли проблемы

Answer 1

[Гарольд]

На сколько это можно понять из вопроса, дело в том что у тебя проблема из-за border.

Установи прозрачный border для кнопки в обычном состоянии и border для :hover состояния

.button {
 border: 1px solid transparent;
}
.button:hover {
 border: 1px solid #ccc;
}