WordPress шаблон cactus, задний фон :hover

265
04 марта 2018, 22:34

В общем нужно, чтобы в шапке, при наведении на ссылки, на заднем фоне появлялся серый фон (как будто выделилась кнопка), я игрался CSS :hover, увеличивал отступы, но задний фон увеличивался (сервы квадрат увеличивался) но текст начал смещаться при наведении.....

Answer 1

Вам надо делать hover на #top-menu a, при этом дав ему нужный padding для подсветки. Размер #top-menu li надо уменьшить на размер padding, чтобы общий размер nav не изменился.

UPDATE

Ну или задайте

#top-menu a {
    padding: 20px;
    margin: 0;
}
READ ALSO
Что надеть в такую погоду на праздник? [требует правки]

Что надеть в такую погоду на праздник? [требует правки]

Меня пригласили на День Рождения, в красивый домБудет около 12 человек

279
HTML + CSS прозрачный фон

HTML + CSS прозрачный фон

Такая структура:

233
HTML. CSS. Textarea выходит за пределы родительского DIV

HTML. CSS. Textarea выходит за пределы родительского DIV

Textarea имеет в CSS ширину 100%, однако выходит за пределы родительского DIVЕсли обнулить padding и border, тот всё нормально, но border мне нужен!

416