Компьютерный форум NoWa.cc Здесь может быть Ваша реклама
Правила Форума
редакция от 22.06.2020
Портал .::2BakSa.WS::.
Вернуться   Компьютерный форум NoWa.cc > В помощь вебмастеру > Вeб Дизайн > CSS

Уважаемые пользователи nowa.cc и 2baksa.ws. У нас сложилось тяжёлое финансовое положение. Мы работаем для вас вот уже более 15 лет и сейчас вынуждены просить о помощи. Окажите посильную поддержку проектам. Мы очень надеемся на вас. Реквизиты для переводов ниже.
Webmoney Webmoney WMZ: 826074280762 Webmoney WME: 804621616710
PayPal PayPal_Email E-mail для связи по вопросу помощи
Кошелёк для вашей помощи YooMoney 4100117770549562
YooMoney Спасибо за поддержку!
Ответ
 
Опции темы Опции просмотра Language
Старый 23.12.2009, 22:26   #1
Пользователь
 
Пол:Мужской
Регистрация: 18.05.2007
Сообщений: 106
Репутация: 16
Question Изменение фона таблицы при наведении мыши

Подскажите как произвести изменение фона таблицы при наведении мыши при помощи CSS.
strmask вне форума
 
Ответить с цитированием Вверх
Здесь может быть Ваша реклама
Здесь может быть Ваша реклама


Реклама: уличные штендерыдва ствола трейлерпреобразователи перепада давления жидкостимельница шароваяпроизводство садовых качелей


Старый 05.01.2010, 16:02   #2
Defite
Неактивный пользователь
 
Пол:Мужской
Регистрация: 05.01.2010
Сообщений: 3
Репутация: 1
По умолчанию Re: Изменение фона таблицы при наведении мыши

Прошу уточнить - изменение фона всей таблицы или только определенных ячеек/строк ?

В принципе пользуемся :hover, для смены подкрашивания строки у меня получилось так:

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
<title>table hover</title>
<style type=text/css>
table {
border: 0 dashed gray;
border-spacing : 4px;
}

table td {
border: 1px dotted black;
padding: 2px;
font: 8pt Verdana, sans-serif;
background-color: #FFFFFF;
}

tr:hover td {
background-color: #9092EC;
} 
</style>
</head>
<body>
<table border=1 cellpadding=10 cellspacing=10>
<tr>
	<td>bit of text and cake</td>
	<td>bit of text and cake</td>
	<td>bit of text and cake</td>
</tr>
<tr>
	<td>bit of text and cake</td>
	<td>bit of text and cake</td>
	<td>bit of text and cake</td>
</tr>
<tr>
	<td>bit of text and cake</td>
	<td>bit of text and cake</td>
	<td>bit of text and cake</td>
</tr>
</table>
</body>
</html>
если нужно менять фон всей таблицы, все проще:

Код:
table {
background-color: #ccc;
/* исходный фоновый цвет */
}
table:hover {
background-color: #9c9c9c;
/*цвет фона при наведении мыши на таблицу*/
}
Defite вне форума
 
Ответить с цитированием Вверх
Старый 24.04.2010, 18:54   #3
gectorGR
Неактивный пользователь
 
Регистрация: 24.04.2010
Сообщений: 7
Репутация: 0
По умолчанию Re: Изменение фона таблицы при наведении мыши

Также можно менять фон ячеки при написании


td:hover: background-color:red;
gectorGR вне форума
 
Ответить с цитированием Вверх
Старый 28.06.2010, 18:43   #4
Qkish
Неактивный пользователь
 
Регистрация: 28.06.2010
Сообщений: 1
Репутация: 0
По умолчанию Re: Изменение фона таблицы при наведении мыши

можно еще яваскриптом по событию onMouseOver, onMouseOut
Qkish вне форума
 
Ответить с цитированием Вверх
Старый 28.07.2010, 11:36   #5
wild83
Новичок
 
Пол:Мужской
Регистрация: 28.07.2010
Сообщений: 15
Репутация: 5
По умолчанию Re: Изменение фона таблицы при наведении мыши

ага, только hover в этом случае в IE работать не будет. Ищем для этого фикс csshover.htc и подключаем его в css

BODY {
behavior:url("csshover.htc");
}
wild83 вне форума
 
Ответить с цитированием Вверх
Старый 10.02.2011, 04:13   #6
Vikoli_glaz
Неактивный пользователь
 
Пол:Мужской
Регистрация: 10.02.2011
Сообщений: 7
Репутация: 0
По умолчанию Re: Изменение фона таблицы при наведении мыши

hover не работает только в ie6, а на него уже можно и не обращать внимания.
Vikoli_glaz вне форума
 
Ответить с цитированием Вверх
Ответ

Опции темы
Опции просмотра

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отделение шерсти от фона Spec Школа Photoshop / Photoshop School 17 03.10.2010 15:11
почему при наведении на файл выскакивает сообщение об ошибке Dimo_n27 Архив 4 18.12.2009 20:29
Заливка фона в Фотошопе Игорь Скорая помощь 4 27.04.2009 18:28
Подсказка при наведении курсора plahmonah Delphi 5 14.10.2007 23:47

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 05:55. Часовой пояс GMT +3.


Copyright ©2004 - 2024 2BakSa.WS

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
Время генерации страницы 0.16214 секунды с 13 запросами