Последние записи

Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw

13th
Апр

Увеличение шрифта при наведении смещает текст

Posted by maloy under HTML

johny_03

При наведении мышью увеличивается шрифт, но при этом все что ниже — тоже сдвигается. Как сделать, чтобы шрифт увеличивался, а все остальное оставалось статичным?

Код HTML:


<div class="navi_menu_male">
   <a href="">Мужская обувь</a>
   <div class="male_shoes"><p>зима</p> <p>осень</p> <p>весна - лето</p>
   </div>
</div>

CSS:


.navi_menu_male {
    color:#3c3c3c;
    font-family: "Arial";
    font-size:20px;
    font-weight:700;
    position:relative;
    width:270px;
    top:37px;
    left:30px;    
}
.navi_menu_male a {
    color:#3c3c3c;
}
.navi_menu_male a:hover {
    font-size:24px;
    color:#740000;
}
.male_shoes {
    color:#3c3c3c;
    position:relative;
    font-family: "Arial";
    font-size:16px;
    font-weight:600;
    line-height: 9px;
    left:30px;
}

Metandrostenalon

Код:


.navi_menu_male a {
    color:#3c3c3c;
    line-height:36px;
}

тема на форуме

Последние записи

Увеличение шрифта при наведении смещает текст

Похожие статьи

Купить рекламу на сайте за 1000 руб

пишите сюда - alarforum@yandex.ru