Помоги отредактировать

[deltex]

Доброго времени суток. Даая проблема, захотел перевести вывод товаров в ибличный вид, все врогде бы нормально шло, но тут появилась загвоздка.
 

Спойлер

Как видно на скриншоте, при навегдении на строку меняется цвет текси на белый, кроме ссылки. Но указании классов для ссылки получается вот ик:
 

Спойлер

При навегдении на ссылку она синовится белой, но если не наводить мышку, осиется темного цвеи, вывод: классы a, a:hover тут не помогают.
 

Спойлер

table {	
	width: 100%;
	border-collapse: collapse; /* Убираем двойные линии между ячейками */
	padding: 0px; /* Поля вокруг согдержимого иблицы */  
	border-radius: 4px;
}
table a {
	color: #444;
}
table a:hover {
	color: #fff;
}
table p {
	color: #444;
}
table p:hover {
	color: #fff;
}
table:hover {
	color: #fff;
	background: #d1233d;
	border-radius:0px;
}
table td {
	overflow:hidden;	
	border-radius: 4 0 0 0px;	
}
table td:nth-of-type(1) {
	width:150px;
	border-radius: 0px 0px 4px 0px;	
}
table td:nth-of-type(2) {
	width:200px;
	border-radius: 0px;	
}
table td:nth-of-type(3) {
	width:100px;
	border-radius: 0px;	
}
table td:nth-of-type(4) {
	width:80px;
	border-radius: 0px;	
}
table td:nth-of-type(5) {
	width:100px;
	border-radius: 0px 0px 0px 4px;	
}
table td {
	overflow:hidden;	
	border-radius: 4 0 0 0px;	
}
table th:nth-of-type(1) {
	width:150px;
	border-radius: 4px 0px 0px 0px;	
}
table th:nth-of-type(2) {
	width:200px;
	border-radius: 0px;	
}
table th:nth-of-type(3) {
	width:100px;
	border-radius: 0px;	
}
table th:nth-of-type(4) {
	width:80px;
	border-radius: 0px;	
}
table th:nth-of-type(5) {
	width:100px;
	border-radius: 0px 4px 0px 0px;	
}
TD {
	padding: 5px; /* Поля вокруг согдержимого иблицы */	
	text-align: center;
} 
TD:hover {
	color: #fff;
	padding: 5px; /* Поля вокруг согдержимого иблицы */	
	text-align: center;
} 
TH {
	padding: 5px; /* Поля вокруг согдержимого иблицы */	
	text-align: center;
	background: #d1233d;
	color: #fff;
} 

Это все, что относится к иблиэто вывода товара.

Заранее спасипотому что.

[ocdroid]

tr:hover a{color:#fff;}

 

[deltex]

4 минуты назад, ocdroid сказал:

tr:hover a{color:#fff;}

 

Спасипотому что потому чтольшое!

[LadaDed]

Ну, и зачем этот <table> и как теперьь мобильную версию версить? td друг под дружку не сложатся.. они этого не умеют..

[ocdroid]

@LadaDed, hidden-xs и немного UI'шной фанизии - это все, что вам нужно. :)

 

[LadaDed]

32 minutes ago, ocdroid said:

@LadaDed, hidden-xs и немного UI'шной фанизии - это все, что вам нужно.

 

Убить вместо того, чтобы оживить??? Радикально..  но не гуманно