Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Выделение строки в таблице

Обсуждение темы Выделение строки в таблице в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Подскажите как сделать чтобы при выделение строки в таблице она закрашивалась каким-то цветом, а когда курсор убираешь - становилась исходным? Желательно по подробнее ...


Закрытая тема
 
Опции темы
Старый 28.02.2007, 21:12   #1
Подскажите как сделать чтобы при выделение строки в таблице она закрашивалась каким-то цветом, а когда курсор убираешь - становилась исходным?
Желательно по подробнее

Заранее благодарен!!!
 
Старый 28.02.2007, 21:12
Ссылки
Старый 01.03.2007, 09:08   #2
Цитата:
dimka_sh:
Подскажите как сделать чтобы при выделение строки в таблице она закрашивалась каким-то цветом, а когда курсор убираешь - становилась исходным?
Желательно по подробнее

Заранее благодарен!!!
CSS:

TR.ClasId
{background-color: #Color;}

TR.ClasId:hover
{background-color: #Color1;}
 
Старый 01.03.2007, 14:20   #3
<style type="text/css">
TR.ClasId {background-color: #FFFFFF;}
TR.ClasId:hover {background-color: #F7941C;}
</style>

Добавил в <head> При наведении курсора цвет не меняется
 
Старый 01.03.2007, 14:41   #4
Nark, офигеть ты помог))) Он же вообще помоеу хтмл даже не догоняет.

<tr class="ClasId"><td> бла бла </td></tr>
 
Старый 01.03.2007, 14:50   #5
Это я тоже сделал, все равно не меняет...
 
Старый 01.03.2007, 15:01   #6
Это будет действовать только в Firefox или в Opera, в IE работать не будет, он не понимает :hover у td.

Чтобы работало везде прописываем:
<style type="text/css">
tr.normal td {background-color: #FFFFFF;}
tr.normal:hover td, tr.hover td {background-color: #cccccc;}
</style>

а у каждого тега <tr> в таблице вот так:
<tr class="normal" onmouseover="this.className='hover';" onmouseout="this.className='normal';"><td>...</td></tr>
 
Старый 01.03.2007, 15:07   #7
Благодарю за понятный и хороший ответ!
 
Старый 01.03.2007, 17:31   #8
deMone: От меня тоже спасибо .

Цитата:
ivan341:
Nark, офигеть ты помог))) Он же вообще помоеу хтмл даже не догоняет.
Странно... Откуда тогда у него 121 сообщение и подпись пхп-шная ?
 
Старый 01.03.2007, 19:30   #9
Nark, Вот на беспонтовую подпись я тоже обратил внимание +)
 
Старый 02.03.2007, 19:14   #10
deMone,
Цитата:
class="normal" onmouseover="this.className='hover';" onmouseout="this.className='normal';"
Классная штучка, очень полезная вещь!

John_webMaker добавил [date]1172852186[/date]:
Очень помог.
 
Старый 02.03.2007, 19:14
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выделение ссылки ART_SUMY HTML, CSS, JavaScript 1 17.07.2014 11:01
Привязка внешних ссылок на фрагменты изображения, выделение фрагмента spooch HTML, CSS, JavaScript 8 30.01.2013 00:10
Выделение изображения (полностью или рамки) JavaScript spooch HTML, CSS, JavaScript 1 29.01.2013 18:43
Выделение рисунка при наведении мыши viktop HTML, CSS, JavaScript 0 03.04.2012 14:33
Как узнать номер строки в таблице? tend ASP, Perl, PHP и MySQL 6 06.07.2006 10:53


Текущее время: 04:46. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум