Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 01.12.2019, 14:22   #1
bunig
Новичок
Джуниор
 
Регистрация: 01.12.2019
Сообщений: 3
Восклицание [Проблема] Сдвигаются блоки при hover

Использую псевдокласс hover, при наведение указал чтобы появлялся бордер с низу в несколько пикселей. После того как навожу сдвигается блок который находится ниже.

.block a:hover {
color: #e4a229;
background: #161616;
transition: 0.5s;
border-bottom: 2px solid #ffbb43;
Изображения
Тип файла: png КЕНРПАВ.png (1.1 Кб, 16 просмотров)
bunig вне форума Ответить с цитированием
Старый 01.12.2019, 16:03   #2
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,218
По умолчанию

По приведенному куску ничего не ясно. Но, как минимум, бордюр увеличивает суммарные размеры блока. Чтобы этого избежать в стилях блока без бордюра можно добавить margin-bottom: 2px, а с бордюром - margin-bottom: 0
Arigato на форуме Ответить с цитированием
Старый 01.12.2019, 16:21   #3
bunig
Новичок
Джуниор
 
Регистрация: 01.12.2019
Сообщений: 3
По умолчанию

Первая картинка: объект активный
Вторая картинка: не активный

Между двумя блоками когда создаётся подчеркивание нижний блок уходит с низ
Изображения
Тип файла: png КЕНРПАВ.png (8.7 Кб, 4 просмотров)
bunig вне форума Ответить с цитированием
Старый 01.12.2019, 18:07   #4
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,218
По умолчанию

Сделайте, чтобы блок всегда имел бордюр с низу. Просто когда он выделен, то бордюр желтый, а когда неактивен, то серым фоновым цветом.
Arigato на форуме Ответить с цитированием
Старый 01.12.2019, 18:24   #5
bunig
Новичок
Джуниор
 
Регистрация: 01.12.2019
Сообщений: 3
По умолчанию

Спасибо большое!
bunig вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с 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