VPF::onMouseOver, onMouseOut и STYLE - Форум программистов

slavonX86

Дата 18.6.2006, 21:19 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

Код


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

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

[xoodo]

Дата 19.6.2006, 19:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 424
Регистрация: 9.3.2003

Репутация: 1
Всего: 4

Сюда загляни.

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

Aliance

Дата 21.6.2006, 18:28 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

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

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

[xoodo]

Дата 21.6.2006, 19:05 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 424
Регистрация: 9.3.2003

Репутация: 1
Всего: 4

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

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

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

dstorm81

Дата 23.6.2006, 11:32 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 3
Всего: 39

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

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

dm9

Дата 3.7.2006, 11:24 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

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

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 179
Регистрация: 15.12.2005

Репутация: нет
Всего: 0

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

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

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

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

5naip

Дата 6.7.2006, 13:41 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 60
Регистрация: 6.7.2006

Репутация: нет
Всего: нет

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

dm9

Дата 6.7.2006, 16:17 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

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

5naip

Дата 7.7.2006, 08:00 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 60
Регистрация: 6.7.2006

Репутация: нет
Всего: нет

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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »