помогите с "класс:hover {"

vadimiron · Конфигурация компьютера

x0bbit
Да в ИЕ проблемы с этим, я могу предложить немного другое решение, но работающее во всех браузерах
Создаются два класса, например .item и .item-hover, в свойствах которого записываются соответственно, фон в нормальном состоянии и фон при наведении курсора мыши, а далее в нужно слое пишем так:

HTML код:

<div class='item'
                onmouseover="this.className='item_hover';"
                onmouseout="this.className='item';" >

elfoflorien · Отправлено: **18:07, 01-11-2005** | #3

x0bbit, vadimiron
немного "левое" решение: вставить в блок (class="item") тэг <a href="#">, в который уже помещать содержимое и далее для ссылки написать: .item a:link {свойства} и .item a:hover {свойства}.
в принципе должно сработать...

vadimiron · Конфигурация компьютера

elfoflorien
Не у меня так не получается

, если вдруг у вас получится, интересно посмотреть на код

elfoflorien · Отправлено: **23:45, 01-11-2005** | #5

vadimiron
примерно вот так:

HTML код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<style>

.item a:link {text-decoration: none; color: blue;}
.item a:hover {text-decoration: line-through; color: red; }

</style>

</head>

<body>

<div class="item">
<a href="1.html#1">link 1</a><br>
<a href="2.html#2">link 2</a><br>
</div>

</body>
</html>

у меня вс прекрасно работает, IE6

Профиль · Отправлено: **08:45, 02-11-2005** | #6

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

Еще вопрос: IE обводит картинки (в случае если они являются ссылками) синей рамкой. Можно ли задать рамке свои цвета? Назначение цветов для а{ непомогло...

elfoflorien · Отправлено: **11:34, 02-11-2005** | #7

x0bbit
конечно можно
во-первых, как предлагал vadimiron, то есть с помощью событий JavaScript, хотя я бы лучше написал специальную функцию для подсвечивания, мало-ли что еще менять придется...
во-вторых, лично я всегда убираю всякие рамки у картинок, т. к. на мой взгляд это некрасиво и существенно портит внешний вид странички... но это лично мое мнение

vadimiron · Конфигурация компьютера

elfoflorien
Сенкс
Это способ работает только с тегом а. А если нам надо просто изменять цвет фона при наведении курсора (при этом этот блок не содержит ссылок), то это можно как то похожим образом сделать??

elfoflorien · Отправлено: **12:40, 03-11-2005** | #9

vadimiron

Цитата:

похожим образом сделать

в смысле CSS? не знаю, не получилось
так что через javascript

HTML код:

<div style="width: 100; height: 20; background-color: blue; color: white; text-align: center" onmouseover="this.style.backgroundColor= 'red'" onmouseout="this.style.backgroundColor= 'blue'">
a text
</div>