Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > увеличение шрифта при наведении смещает...


Автор: Johny_03 6.4.2014, 20:45
При наведении мышью увеличивается шрифт, но при этом все что ниже - тоже сдвигается. Как сделать, чтобы шрифт увеличивался, а все остальное оставалось статичным?
Код

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

Код

.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;
    
}

Автор: s1lver 11.4.2014, 07:40
Можно сделать обертку над этим меню. Например так:

Код

.navi_menu_male .caption{
    display:block;
    width:200px;
    height:30px;
}


Рабочий пример http://jsbin.com/sepiluqu/1/edit?html,css,output

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)