Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Hover меняет шрфит и сдвигает все остальное

Автор: vintyara 11.4.2008, 12:54

Субж =( У меня меню вида

Код


<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>

и css

Код


#header ul {
    list-style-type: none;
}

ul li {
    float: left;
    padding: 0 20px;
}

ul li a:hover{
    font-weight: bold;
}

При наведении на какую либо из ссылок - все остальные двигаются :( Как сие можно решить ?

Автор: bars80080 11.4.2008, 13:06

надо задать li фиксированную ширину

Автор: vintyara 11.4.2008, 13:27

думал - неполучится, т.к. названия линков могут быть разной длинны. каждому li задавать свою длинну - некрасиво и не функционально (поменяется линка - размер переписывать?).

Автор: bars80080 11.4.2008, 13:34

а что ты тогда хотел?
из-за смены веса шрифта, естесственно он меняется в ширине и тут надо задавать ширину для внешнего блока

остаётся использовать моноширинный шрифт, типа courier new, они не скачут