Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


deltex

Recommended Posts

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

Спойлер

image.png.48b55b6ba53d640d5a585284c0211165.png

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

Спойлер

image.png.ccdc3328c12267074f11ac7ae17f63a1.png

При наведении на ссылку она становится белой, но если не наводить мышку, остается темного цвета, вывод: классы 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;
} 

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

Заранее спасибо.

Надіслати
Поділитися на інших сайтах


  • 1 month later...
32 minutes ago, ocdroid said:

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

 

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.