VPF::увеличение шрифта при наведении смещает...

Johny_03

Дата 6.4.2014, 20:45 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

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

Код


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

Это сообщение отредактировал(а) Johny_03 - 6.4.2014, 20:47

s1lver

Дата 11.4.2014, 07:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 580
Регистрация: 14.12.2007
Где: Россия

Репутация: нет
Всего: нет

Можно сделать обертку над этим меню. Например так:

Код


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

Рабочий пример тут

--------------------

Я собрался жить вечно - пока все идет нормально!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »