помогите с onmouseover

Вид для печати

21.05.2008, 19:49
gata

Помогите плиз справиться с такой проблемой:
раньше было так
<div id="item2">[Only registered and activated users can see links. Click Here To Register...]</div>

и не работало в ФФ и ругалось на использование java-script в ИЕ. Хотелось бы корректно переписать меню. Как это лучше всего сделать? Заранее спасибо.
21.05.2008, 20:08
KukMan

ява скрипт выкиньте вобще..
а нада написать два правила в css:
#item2 {background:url('images/menu_item.jpg');}
#item2:hover {background:url('images/menu_item_v.jpg);}

Но такой вариант не будет работать в ИЕ (т.к. он понимает псевдокласс hover только для ссылки(А)). Если есть возможно - растяните A до размеров div (установите a какой-то id, и примените ему правило display:block;)(если позволяет ситуация) - и применяйте выше написанные правила к ссылке. Вобще-то в таком случае Вам понадобится прелоадинг картинки, а тут уже есть несколько способов. Вот ссылка по теме - прочтите и Вам сразу станет ясно, как поступить
[Only registered and activated users can see links. Click Here To Register...]
22.05.2008, 01:34
Aykroyd

1. Делайте меню списком, а не дивами.
2. Прелоад и смену изображения делайте с помощью CSS-свойства background-position.
22.05.2008, 12:57
gata

Цитата:

Originally posted by KukMan@May 21 2008, 16:08
ява скрипт выкиньте вобще..
а нада написать два правила в css:
#item2 {background:url('images/menu_item.jpg');}
#item2:hover {background:url('images/menu_item_v.jpg);}

Но такой вариант не будет работать в ИЕ (т.к. он понимает псевдокласс hover только для ссылки(А)). Если есть возможно - растяните A до размеров div (установите a какой-то id, и примените ему правило display:block;)(если позволяет ситуация) - и применяйте выше написанные правила к ссылке. Вобще-то в таком случае Вам понадобится прелоадинг картинки, а тут уже есть несколько способов.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

спасибо за ответ. К ссылке не получается фоном поставить - картинка урезается, к списку - то же самое. Поэтому и поставила в блоки. Буду пробовать. [Only registered and activated users can see links. Click Here To Register...]
22.05.2008, 14:30
Zigzag

Цитата:

Originally posted by gata@May 22 2008, 09:57
спасибо за ответ. К ссылке не получается фоном поставить - картинка урезается, к списку - то же самое. Поэтому и поставила в блоки. Буду пробовать. [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

а чем, по вашему, отличается блочная ссылка от блочного элемента списка, кроме наличия атрибута href и курсора по умолчанию pointer?
22.05.2008, 14:54
KukMan

Zigzag, тем, что псевдоклас hover для элемента списка в ИЕ не работает. Если, конечно, я правильно понял Ваш намек.
22.05.2008, 18:38
Zigzag

KukMan, это давно не проблема

[Only registered and activated users can see links. Click Here To Register...]
28.05.2008, 14:41
gata

А можно еще озвучить проблему?
Необходимо вытянуть div по высоте страницы. Никак у меня не получается! [Only registered and activated users can see links. Click Here To Register...]
28.05.2008, 14:52
Aykroyd

Цитата:

Originally posted by gata@May 28 2008, 14:41
Необходимо вытянуть div по высоте страницы.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Вытянуть «что-либо» по высоте «чего-либо» можно только в том случае, если «что-либо» является дочерним элементом «чего-либо» и высота «чего-либо» указана явно.
28.05.2008, 15:36
gata

Цитата:

Originally posted by Aykroyd@May 28 2008, 10:52
Вытянуть «что-либо» по высоте «чего-либо» можно только в том случае, если «что-либо» является дочерним элементом «чего-либо» и высота «чего-либо» указана явно.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Т.е. надо использовать height, min-height, max-height и expression для IE?
28.05.2008, 21:52
Aykroyd

Цитата:

Originally posted by gata@May 28 2008, 15:36
Т.е. надо использовать height, min-height, max-height и expression для IE?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Т.е. не надо вытягивать div по высоте страницы. И тогда не потребуется ни height, ни min-height, ни (тем более) max-height. И expression для IE тоже в этом случае не потребуется. Просто надо понять, что Вам это на самом деле [Only registered and activated users can see links. Click Here To Register...].
29.05.2008, 14:54
gata

Цитата:

Originally posted by Aykroyd@May 28 2008, 17:52
Т.е. не надо вытягивать div по высоте страницы. И тогда не потребуется ни height, ни min-height, ни (тем более) max-height. И expression для IE тоже в этом случае не потребуется. Просто надо понять, что Вам это на самом деле не нужно.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Мне это совсем не нужно, но, к сожалению, это нужно заказчику. И описанный в статье метод не подходит:
<div class="anons">
<div class="anons_zag">...</div>
<div class="news">
...
</div>
<div class="anons_zag">...</div>
<div class="coord">
...
</div>
</div>
где, css:
.anons{
display:inline;
float:right;
width:242px;
background-color:#e8e8e8;
}

.anons_zag{
width:241px;
height:40px;
background-color:#ffe400;
border-left:1px solid #998900;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}

.news{
background-color:#e8e8e8;
background-image:url(images/clock.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

.coord{
background-color:#e8e8e8;
background-image:url(images/earth.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

При отсутствии контента в контейнере с новостями или координатами, но выставленном фоне всей колонки (как в вашем приведенном примере), фон контейнеров как бы висит в середине страницы, а не внизу справа, как необходимо, а ниже продолжается фон колонки.
29.05.2008, 15:14
Aykroyd

Цитата:

как в вашем приведенном примере

Это в каком именно, позвольте осведомиться?

По-моему Вы так ничего и не поняли... Не следует задавать фон самой колонке. Этот фон необходимо назначить одному из родительских элементов колонки (или элементу html или body или что там у Вас есть еще – я не знаю). Таким образом получаем имитацию «растягивания» колонки по высоте страницы...
30.05.2008, 15:25
gata

Цитата:

Originally posted by Aykroyd@May 29 2008, 11:14
Это в каком именно, позвольте осведомиться?
По-моему Вы так ничего и не поняли... Не следует задавать фон самой колонке. Этот фон необходимо назначить одному из родительских элементов колонки (или элементу html или body или что там у Вас есть еще – я не знаю). Таким образом получаем имитацию «растягивания» колонки по высоте страницы...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

В приведенном вами примере (под ссылкой, которую вы дали).
По-моему это разговор глухого со слепым [Only registered and activated users can see links. Click Here To Register...] Уж простите, не всегда умею правильно сформулировать вопрос. Я поняла, что нужно указывать фон у body. Спасибо [Only registered and activated users can see links. Click Here To Register...]