Подсветка колонок таблицы при наведении мыши

[Pinguin]

Прошу совета. Общеизвестно, как подсветить строку таблицы при наведении мыши. Например:

tr:hover {background-color: #FF0000}

Но вот можно ли подобным способом подсвечивать колонки?

Только умоляю - без скриптов. Я в них мало разбираюсь и вникать некогда. Если без них никак - то и ладно.

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

[gurylyov]

Читайте про тег <col>. Сформируйте его для своей таблицы, а потом ховер применяйте к нему.

[SelenIT]

Без скриптов знаю только вариант для известной фиксированной ширины столбцов (если надо +IE7, то как-то так). За рабочий пример с col:hover сам был бы отчаянно благодарен

[Pinguin]

  On 11/17/2011 at 6:41 PM, gurylyov said:

Читайте про тег <col>. Сформируйте его для своей таблицы, а потом ховер применяйте к нему.

Дорогой товарищ, я именно с этого и начал. Но штука в том, что в html колонок как бы и нет, они формируются за счёт строк и ячеек. Поэтому hover для колонки не работает.

  On 11/17/2011 at 6:54 PM, SelenIT said:

Без скриптов знаю только вариант для известной фиксированной ширины столбцов (если надо +IE7, то как-то так).

Разрази меня гром! Я верил! Это то, что надо (по крайней мере, на первый взгляд).

Ещё не до конца понял, как оно работает, но ведь работает же.

Я так понимаю, что hover там применяется к отдельной ячейке, но она рассматривается как блок 100% высоты.

Большое вам спасибо!

Edited November 17, 2011 by Pinguin

[SelenIT]

  Quote

она рассматривается как блок 100% высоты

Не совсем. За 100% высоты принимается див-контейнер таблицы, который служит началом отсчета для абсолютно позиционированных вещей (в данном случае псевдоэлементов) внутри нее. Верх и низ псевдоэлемента прижимаются к верху и низу этого контейнера соотв-но (т.е. он растягивается на всю высоту), а левая граница не задана, поэтому в качестве нее берется граница предка, т.е. ячейки.

[Pinguin]

Само собой, 100% от контейнера. Кстати, DIV там можно легко убрать и применить стиль непосредственно к таблице.

[SelenIT]

Только, прежде чем совсем убирать, во всех актуальных FF проверьте хорошенько

[Pinguin]

ОК.

[NightT]

Здравствуйте! Можете подсказать как сделать чтоб подсвечивались только столбцы, без использования идентификаторов и css?

[klierik]

  On 2/16/2018 at 10:51 AM, NightT said:

Здравствуйте! Можете подсказать как сделать чтоб подсвечивались только столбцы, без использования идентификаторов и css?

Expand  

На вскидку вот так — https://jsfiddle.net/klierik/zkwyhvsj/19/