• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Архивариус » Решённые вопросы » Подсветка строк в таблице
Подсветка строк в таблице
Дядька
Сообщений: 105
Репутация: 17

Сообщение # 1 | 12:14:33
Здравствуйте. Вот у меня есть Таблица , я хочу сделать подсветку столбцов и строк при наведении мыши, но когда я присваиваю css к таблице, то у меня начинают еще и светится оба контейнера и первый и второй. помогите . вот css 
Код
/*таблица*/
.container { position: relative; }

tr:hover { background: red; }

td, td:hover:after { width: 50px; }

td:hover {
  background: orange;
}

td:hover:after {
  content: '';  
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #cfc;
  z-index: -1;

}

Продвижение сайтов
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 2 | 19:15:37
Дядька, Замените ваши стили на:
Код
/*таблица*/  
.container { position: relative; }  
.container tr:hover { background: red; }  
.container td:hover:after { width: 50px; }  
.container td:hover {  
   background: orange;  
}  
.container td:hover:after {  
   content: '';   
   display: block;  
   position: absolute;  
   top: 0;  
   bottom: 0;  
   background: #cfc;  
   z-index: -1;  
}
/*Table the end*/

Дядька
Сообщений: 105
Репутация: 17

Сообщение # 3 | 10:40:39
Цитата Ucoz_fan ()
Дядька, Замените ваши стили на: /*таблица*/
.container { position: relative; }
.container tr:hover { background: red; }
.container td:hover:after { width: 50px; }
.container td:hover {
background: orange;
}
.container td:hover:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
background: #cfc;
z-index: -1;
}
/*Table the end*/1
2
3
спасибо огромное, а как сделать так , чтобы вертикаль полностью подсвечивалась?

Добавлено (02 Сен 2014, 10:40:39)
---------------------------------------------
Вообщем, все сделал, без скрипта подсветка не удалась, кому интересно, пишите в лс=)

http://www.zombio.ru/index/tablica_kursov_kollekcij/0-89
http://www.zombio.ru/index/tablica_kursov_materialov/0-114


Продвижение сайтов
Сообщество uCoz » Архивариус » Решённые вопросы » Подсветка строк в таблице
  • Страница 1 из 1
  • 1
Поиск: