Форум программистов
 
О проблемах с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

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

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


Ответ
 
Опции темы
Старый 12.10.2020, 00:05   #1
Wrutzes
Новичок
Джуниор
 
Регистрация: 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;
}

Всё в принципе легко,только разобраться не могу. Буду очень благодарен за помощь!
Изображения
Тип файла: png Screenshot_1.png (1.5 Кб, 11 просмотров)
Тип файла: png Screenshot_2.png (1.2 Кб, 11 просмотров)
Wrutzes вне форума Ответить с цитированием
Старый 15.10.2020, 13:09   #2
maks1331
Пользователь
 
Аватар для maks1331
 
Регистрация: 20.12.2016
Сообщений: 74
По умолчанию

border является частью блока и при его добавлении у вас будет ездить кнопка так или иначе. Добавьте прозрачный бордер к кнопке и при наведении окрашивайте его.
maks1331 вне форума Ответить с цитированием
Ответ
Купить рекламу на форуме от 7000 рублей в месяц



Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Наложение 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 14:40
Наложение .png на фрейм buba1 PHP 2 02.10.2010 22:20
Наложение div (конфликт в IE6) tailor HTML и CSS 5 15.10.2009 08:49


Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS
Скидки на курсы GeekBrains 40%, выбирайте программу для себя