Скачет текст (ссылка) при исполь-нии :hover

[trish]

есть табличная верстка. меню сделано списком, размер текста 24, а при наведении задала что бы был 26. И вот при наведении у меня текст увеличивается но при этом, слова которые ниже - сдвигаются вниз на какое то расстояние. думала исправить эту проблему с помощью margin-down or padding-down при hover, но ничего не вышло. что делать?

<td rowspan="5" width="240" valign="top">

<ul id="menu">

<li><a href="#">Главная</a> </li>

<li><a href="#">Каталог нот</a> </li>

<li><a href="#">Композиторы</a> </li>

<li><a href="#">Современные мелодии</a> </li>

<li><a href="#">Для начинающих</a> </li>

<li><a href="#">Разное</a> </li>

<li><a href="#">Поиск по сайту</a> </li>

</ul> </td>

#menu {

list-style-type:none;

font-size: 24px;

font-family: Ariston;

margin-left:-25px;

}

#menu a:hover {

font-size: 26px;

text-decoration:underline;

margin-bottom:3px

}

[psywalker]

Всё правильно, увеличивается размер текста, а значит и отступы тоже под новый размер увеличиваются. Выход: Изначально заготовить отступы для текста. И ещё вопрос: Что это за новые свойства такие margin-down or padding-down, первый раз о них слышу, расскажи поподробнее о них.

[trish]

Всё правильно, увеличивается размер текста, а значит и отступы тоже под новый размер увеличиваются. Выход: Изначально заготовить отступы для текста. И ещё вопрос: Что это за новые свойства такие margin-down or padding-down, первый раз о них слышу, расскажи поподробнее о них.

margin - создание внешних отступов от объекта. можно указать разные варианты: margin: 10px - будет отступ по 10 со всех сторон, margin: 10px 20px - спарава и слвева по 20, а снизу и сверху по 10, margin: 10px 20px 30рх -сверху-10, спарава и слвева по 20, снизу 30. margin: 10px 20px 30рх 40рх - считаем по часовой начиная сверху. Либо же указать конкретный отступ как marin-down or margin-left. the same situation with padding - только это внутренний отступ.

Edited June 10, 2010 by trish

[rus]

psywalker - посмотри на клаву (кнопки Page Up & Page Down) и сразу станет все понятно.

хотя откровенно признаться я это тоже впервые слышу.

ТС, надо изъясняться понятнее, тогда и вас поймут, я не думаю что margin-down or padding-down используется непосредственно в css, я такого не видел.

А по теме: может тогда попробовать все меню абсолютом сделать, но тогда гемор будет с высчитыванием отступов между пунктами, но при этом не будет такого смещения как у вас.

[rgl]

.... Либо же указать конкретный отступ как marin-down...

Может margin-bottom?

[psywalker]

Может margin-bottom?

ага, скорее всего