|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
12.10.2020, 00:05 | #1 |
Новичок
Джуниор
Регистрация: 11.10.2020
Сообщений: 1
|
Правильное наложение блока
Привет,связался с такой проблемой..Обычно блок выглядит так (ScreenShot №1)
А на втором фото (это уже при наведении) ScreenShot №2 И в чём соль проблемы,при наведении меняется расположение текста(то есть цены) Как сделать так,чтобы при наведении на данный блок добавлялось чисто border и расположение и ничего другое не менялось? (ЭТО БЛОК С САМОЙ ЦЕНОЙ) .list li>a .price { display: inline-block; line-height: 1; vertical-align: baseline; white-space: nowrap; margin-top: 0 auto; padding: 15px; text-align: center; color: #FFF; height: 50px; width: 120px; background: #000; border-radius: 3px; font-size: 17px; } (ЭТО ТОТ ЖЕ БЛОК,ТОЛЬКО ПРИ НАВЕДЕНИИ) .list li:hover .price{ transition: all 0.2s ease; border: 3px solid #0f93ff; } Всё в принципе легко,только разобраться не могу. Буду очень благодарен за помощь! |
15.10.2020, 13:09 | #2 |
Форумчанин
Регистрация: 20.12.2016
Сообщений: 270
|
border является частью блока и при его добавлении у вас будет ездить кнопка так или иначе. Добавьте прозрачный бордер к кнопке и при наведении окрашивайте его.
формошлеп.рф
witech.su |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Наложение bmp | nikita12 | C# (си шарп) | 1 | 06.12.2017 19:04 |
Установка блока внизу блока родителя, без использования "relative" | Bulat Ibrahim | HTML и CSS | 21 | 29.05.2017 23:58 |
Blowfish (резервирование дополнительного байта для блока, говорящий о длине блока) | ITdocer | Общие вопросы C/C++ | 0 | 21.05.2014 15:40 |
Наложение .png на фрейм | buba1 | PHP | 2 | 02.10.2010 23:20 |
Наложение div (конфликт в IE6) | tailor | HTML и CSS | 5 | 15.10.2009 09:49 |