|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
01.12.2019, 14:22 | #1 |
Новичок
Джуниор
Регистрация: 01.12.2019
Сообщений: 3
|
[Проблема] Сдвигаются блоки при hover
Использую псевдокласс hover, при наведение указал чтобы появлялся бордер с низу в несколько пикселей. После того как навожу сдвигается блок который находится ниже.
.block a:hover { color: #e4a229; background: #161616; transition: 0.5s; border-bottom: 2px solid #ffbb43; |
01.12.2019, 16:03 | #2 |
Высокая репутация
СуперМодератор
Регистрация: 27.07.2008
Сообщений: 15,596
|
По приведенному куску ничего не ясно. Но, как минимум, бордюр увеличивает суммарные размеры блока. Чтобы этого избежать в стилях блока без бордюра можно добавить margin-bottom: 2px, а с бордюром - margin-bottom: 0
E-Mail: arigato.freelance@gmail.com
|
01.12.2019, 16:21 | #3 |
Новичок
Джуниор
Регистрация: 01.12.2019
Сообщений: 3
|
Первая картинка: объект активный
Вторая картинка: не активный Между двумя блоками когда создаётся подчеркивание нижний блок уходит с низ |
01.12.2019, 18:07 | #4 |
Высокая репутация
СуперМодератор
Регистрация: 27.07.2008
Сообщений: 15,596
|
Сделайте, чтобы блок всегда имел бордюр с низу. Просто когда он выделен, то бордюр желтый, а когда неактивен, то серым фоновым цветом.
E-Mail: arigato.freelance@gmail.com
|
01.12.2019, 18:24 | #5 |
Новичок
Джуниор
Регистрация: 01.12.2019
Сообщений: 3
|
Спасибо большое!
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Проблема с hover | Arsen_Preon | HTML и CSS | 8 | 18.09.2019 04:23 |
java Swing, проблема с hover эфект | JackTM | Общие вопросы по Java, Java SE, Kotlin | 3 | 28.12.2012 19:51 |
:hover?? | acteralex | HTML и CSS | 5 | 04.03.2012 16:36 |
hover ???? | kostiaGt | HTML и CSS | 3 | 14.11.2010 09:30 |
A:hover | Syltan | HTML и CSS | 8 | 05.04.2010 22:37 |