Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как подсветить элементы с помощью CSS ? / 7 сообщений из 7, страница 1 из 1
23.07.2007, 18:09
    #34678191
saruman
saruman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как подсветить элементы с помощью CSS ?
Подскажите пожалуйста, как сделать чтобы нижеприведенный код работал как в IE так и в Mozilla Firefox ?

Что происходит: при наведении курсора на элемент он подсвечивается.

этот код работает только в FireFox:


Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<style type="text/css">
.l2
{
	color: # 009966 ;
}

.l2:hover 
{
	color: #FFFF00;
}
</style>

<label class="l2" for="rb1">
  <input id="rb1" name="RG1" type="radio" value="1"/>
  Item1
</label>
<br>
<label class="l2" for="rb2">
  <input id="rb2" name="RG1" type="radio" value="2"/>
  Item2
</label>

Спасибо !
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.07.2007, 23:00
    #34678563
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как подсветить элементы с помощью CSS ?
Вот подборно и подробно) как грамотно это делать.
/topic/426996&hl=%ef%ee%eb%ee%e6%e8%f2%fc+div
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.07.2007, 00:15
    #34678610
saruman
saruman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как подсветить элементы с помощью CSS ?
Нет... ответа я там не нашел. Уточняю, код не работает под ie6.
ie7 и firefox отрабатывают корректно.
Может быть вы посоветуете как модифицировать код ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.07.2007, 00:21
    #34678617
saruman
saruman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как подсветить элементы с помощью CSS ?
Попробовал для IE6 даже такое, но не помогло:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<style type="text/css">
label.test:link {color: #ff0000}
label.test:visited {color: #0000ff}
label.test:hover {background: #66ff66}

input.test:link {color: #ff0000}
input.test:visited {color: #0000ff}
input.test:hover {background: #66ff66}

</style>
<label class="test" for="rb1">
  <input class="test" id="rb1" name="RG1" type="radio" value="1"/>
  Item1
</label>
<br>
<label class="test" for="rb2">
  <input class="test" id="rb2" name="RG1" type="radio" value="2"/>
  Item2
</label>

</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.07.2007, 05:59
    #34678694
Hektor
Hektor
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как подсветить элементы с помощью CSS ?
Насколько я знаю (может я не всё знаю ) для IE6 hover существует только для гиперссылки(т.е. тег <A> и объязательно наличие href )
Посему предлагаю следующий код

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<style type="text/css">
a {
}

a.test:link {
	color: #ff0000
	display: block;
	cursor: default;
	text-decoration: none;
}
a.test:visited {
	color: #ff0000;
}
a.test:hover {
	background: #66ff66;
}

</style>

<a class="test" for="rb1" href="#">
  <input class="test" id="rb1" name="RG1" type="radio" value="1"/>
  Item1
</a>

<br>
<a class="test" for="rb2" href="#">
  <input class="test" id="rb2" name="RG1" type="radio" value="2"/>
  Item2
</a>

</body>
</html>

*************************************************************
Любая рутинная работа должна выполняться машиной.
Даже если это — написание кода...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.07.2007, 20:37
    #34684201
saruman
saruman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как подсветить элементы с помощью CSS ?
Hektor
Насколько я знаю (может я не всё знаю ) для IE6 hover существует только для гиперссылки(т.е. тег <A> и объязательно наличие href )


Спасибо ! это многое объясняет, помогло !
Интересно было бы посмотреть на сводную табличку поддержки псевдклассов(и прочих фич) в разных браузерах, если такая существует конечно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.08.2007, 18:16
    #34718131
iRabbit
iRabbit
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как подсветить элементы с помощью CSS ?
sarumanНет... ответа я там не нашел. Уточняю, код не работает под ie6.
ie7 и firefox отрабатывают корректно.
Может быть вы посоветуете как модифицировать код ?

IE 6 и старее понимают :hover только для элементов a . Поэтому без JS не обойтись.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как подсветить элементы с помощью CSS ? / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 494ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1457831]:
 0ms
get settings:
 7ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 165ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 2ms
others: 249ms
total:  494ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]