Помогите с css

12
CrazyMakc
На сайте с 16.01.2011
Offline
36
742

Всем привет.

Недавно пришла мне такая задача в голову, которую уже больше недели никак не могу решить.

К примеру, есть таблица 5х5.

Так вот, при наведении на ячейку как сделать подсветку этой строки и этого столбца?

Разрешено использовать только css.

Буду рад, если подскажете как это сделать.

Жизнь - как езда на велосипеде, если тебе тяжело - значит ты на подъеме.
bay_ebook
На сайте с 28.05.2010
Offline
111
#1

Я не верстальщик, посему предлагаю вариант, скорее всего могут быть глюки :)

zip 125.zip
Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
CrazyMakc
На сайте с 16.01.2011
Offline
36
#2
bay_ebook:
Я не верстальщик, посему предлагаю вариант, скорее всего могут быть глюки :)

Не, малех не то получилось, но спасибо за мысль.

Я то и забыл про DIV верстку, сейчас буду ее тестить :)

[Удален]
#3

tr:hover{background: #dedede;}

CrazyMakc
На сайте с 16.01.2011
Offline
36
#4
Сашко:
tr:hover{background: #dedede;}

Строка - это элементарно, а столбец?

Sheremet
На сайте с 01.06.2012
Offline
85
#5

Сделайте дивами. Для каждого флоат лефт. Диву бордер. И потом всему диву ховер...)

UI/UX. Разработка крупных интернет магазинов (http://polyarix.com). Дизайн сайтов | React, Angular | WP | Laravel |HTML5 баннеры (/ru/forum/comment/15344987)
CrazyMakc
На сайте с 16.01.2011
Offline
36
#6
Sheremet:
Сделайте дивами. Для каждого флоат лефт. Диву бордер. И потом всему диву ховер...)

Не совсем понимаю, если я сделаю дивы столбцами с флоатом лефт, как тогда выделять строки?)

Вы не подумайте, я не издеваюсь, просто реально не представляю как это сделать :)

AGRESSOR
На сайте с 04.07.2010
Offline
79
#7

вот так?

пример

Ayavryk
На сайте с 11.10.2003
Offline
209
#8
AGRESSOR:
вот так?пример

Никогда бы не додумался бы. Но в ie8 не работает :)

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
CrazyMakc
На сайте с 16.01.2011
Offline
36
#9
AGRESSOR:
вот так?
пример

Вау!! Именно так!

Спасибо большое, сейчас буду разбирать как это работает :)

[Удален]
#10
CrazyMakc:
Строка - это элементарно, а столбец?

Ну тоже самое ведь)


td:hover{background: #dedede;}
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий