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

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

Форум программистов > Вёрстка веб-сайтов > onMouseOver, onMouseOut и STYLE

Автор: slavonX86 18.6.2006, 21:19

Код


onMouseOver="this.style.backgroundColor='#E2EDF5' "
onMouseOut="this.style.backgroundColor='#F8F8F8' "

Можно ли это в стиль встроить ?
<style>
</style>

Автор: [xoodo] 19.6.2006, 19:17

http://www.quirksmode.org/css/javascript.html загляни.

Хотя я бы делал через a:link и a:hover.

Автор: Aliance 21.6.2006, 18:28

Вставляешь, а потом используешь свойство className

Автор: [xoodo] 21.6.2006, 19:05

Цитата(Aliance @ 21.6.2006, 18:28)

Вставляешь, а потом используешь свойство className

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

Автор: dstorm81 23.6.2006, 11:32

2 slavonX86 да в стили можно вставить, обрабатывать будешь через поведения htc но только в осле

Автор: dm9 3.7.2006, 11:24

Так работает только под Оперой...

Код


<style type="text/css">
.qwe {
width: 100px;
height: 100px;
background-color: #E2EDF5;
}
.qwe:hover {
background-color: #F8F8F8;
}
</style>

<div class="qwe">
</div>

Так что hover надо подключать с тэгу <a>, причём обязательно с атрибутом href. Например, так.

Код


<style type="text/css">
.qwe {
display: block;
width: 100px;
height: 100px;
background-color: #E2EDF5;
}
.qwe:hover {
background-color: #F8F8F8;
}
</style>

<a class="qwe" href="#">
</a>

Автор: slavonX86 5.7.2006, 21:36

Код


<style type="text/css">    
.qwe {    
display: block;    
width: 100px;    
height: 100px;    
background-color: #E2EDF5;    
}    
.qwe:hover {    
background-color: #F8F8F8;    
}    
</style>    
<a class="qwe" href="#">    
</a>

работает хорошо, но у меня высота 20 пикселов и текст ссылки находится вверху. Можно ли сделать его по вертикальному центру ?

Автор: dm9 6.7.2006, 11:20

Вставить внутрь a таблицу (table), в ячейке которой установить вертикальное выравнивание.

Добавлено @ 11:30
Если хочешь, чтобы при этом не ругался валидатор, могу предложить другой (извращенский) способ smile

Но так, как я сказал, работать будет smile

Автор: 5naip 6.7.2006, 13:41

не парьтесь с таблицами..громоздко....
делай проще...
в стиле того элемнта,в котором надо текст выровнять по середине напиши
line-height:высота родительского элемента;

Автор: dm9 6.7.2006, 16:17

Можно паддингами ещё отбить текст от верха smile

Автор: 5naip 7.7.2006, 08:00

тоже верно...
но,если исать line-height, то кода меньше....:Р