Меню
Что нового?

Проблема со стилем

AlexeyPHP

Новичок
Проблема со стилем

Этот стиль прекрасно работает в IE. Но в Опере ссылки меню "скачут" при наведении мышки.

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

PHP: 
<html><head>

<style>table{font-family: Verdana; font-size: 8pt}h1{font-family: Verdana; font-size: 8pt}h2{font-family: Verdana; font-size: 8pt}  #m a:hover{border: 1px solid #cccccc;margin: 0px;padding: 2px 2px 3px 4px;background-color: #777aaa;text-decoration: none;}#m a{text-decoration: none;cursor: pointer;display: block;color: #000000;padding: 2px 2px 3px 5px;margin: 1px 0px;}  #m ul{list-style: none;margin: 0;padding: 0;}#m li{padding: 0;margin: -2px 2px;width: 170px;}#m > ul > li{margin: -3px 2px;}</style></head>

<body><table><tr><td>
<div id="m">
<ul><li><a href="1">First link</a></li><li><a href="2">Second link</a></li><li><a href="3">Third link</a></li></li></ul>
</tr></td></table>
</body></html>
 

Кром

Новичок
Если ты не можешь разобраться в чужом коде, то не надо его использовать. Напиши свой.
 

AlexeyPHP

Новичок
Если ты не можешь разобраться в чужом коде, то не надо его использовать. Напиши свой.
Нажмите для раскрытия...
Этот код взял с заказанного дизайна (который так и не использовал). Сейчас делаю сайт, на котором решил использовать тот дизайн, но в таком виде использовать не хочю. А платить по новой за то, что мне дизайнер там исправит цифру...
 

neko

tеam neko
чувак, ты бы его хотя бы отформатировал для начала.
видишь же, что читать невозможно?
зачем тогда постишь?
 

Кром

Новичок
>зачем тогда постишь?

Наверное для того, чтобы мы его отформатировали сами. В качестве факультатива.
 

Кром

Новичок
Сделай viewsource страницы и увидишь, как обычно форматируют CSS.
 

AlexeyPHP

Новичок
Понял, сейчас отформатирую.

-~{}~ 18.03.06 17:19:

PHP: 
<style>

table {
font-family: Verdana;
font-size: 8pt
}

h1 {
font-family: Verdana;
font-size: 8pt
}

h2{
font-family: Verdana;
font-size: 8pt
}

#m a:hover{
border: 1px solid #cccccc;
margin: 0px;
padding: 2px 2px 3px 4px;
background-color: #777aaa;
text-decoration: none;
}

#m a{
text-decoration: none;
cursor: pointer;
display: block;
color: #000000;
padding: 2px 2px 3px 5px;
margin: 1px 0px;
}

#m ul{
list-style: none;
margin: 0;
padding: 0;
}

#m li{
padding: 0;
margin: -2px 2px;
width: 170px;
}

#m > ul > li{
margin: -3px 2px;
}

</style>
 

neko

tеam neko
Этот стиль прекрасно работает в IE. Но в Опере ссылки меню "скачут" при наведении мышки.
Нажмите для раскрытия...
а что бы им не "скакать", если у них все отступы должны изменяться при наведении мышки?
 

neko

tеam neko
есть мнение что дизайнер все эти попиксельные размеры подогнал под IE.

позволю себе также высказать предположение, что если оно исправится в опере, то скакать начнет уже в IE.
 

Кром

Новичок
AlexeyPHP
Тут проблема просто в невнимательности. В стилях ссылки ты используешь два параметра a:hover и а. Они меняется при наведении курсора. Соответственно, они должны быть полностью одинаковые в отступах, за исключением цветов.
А у тебя в одном случае
margin: 1px 0px;
а в другом
margin: 0px;
padding тоже разный. Как можно ожидать после этого, что ссылка не будет дергаться при наведении. Ведь отступы меняются.
 

neko

tеam neko
это все без пользы.

если ты этот код на самом деле просто скопировал из оригинала, то наверное, в оригинале были какие-то причины ставить такие вот разные отступы.
поскольку это подогнанно под один браузер тебе надо на это либо плюнуть или все переделать.
 

Кром

Новичок
>Попробовал изменить margin - дергается и в IE и в Опере.

Чтож ты деревянный-то такой! Изменить ничего не нужно. Нужно взять стиль от
#m a:hover
и скопировать его в
#m a
Скопировать полностью. А затем поставить новые цвета.
 
baev

baev

‹°°¬•
Команда форума
Скопировать полностью.
Нажмите для раскрытия...
Не прокатит.
Там border, и margin'ы как раз его и компенсируют.

Вокруг hover'а рамка — ещё понятно. А просто вокруг ссылки она ему врядли нужна.

P.S. Тьфу, блин.
Я тоже одеревеневаю...

Всё правильно — просто цвета поменять.
 
Войдите или зарегистрируйтесь для ответа.
Сверху