[CSS] Colgroup hover Opcje

[jepek]

Zna ktoś sprawdzony sposób, aby "złapać" całą kolumnę tabeli i nadać jej jakiś styl? Niestety colgroup:hover nie działa?

[kamil4u]

Jeśli chodzi Ci o hover na kolumnie tabeli to: http://forum.php.pl/index.php?showtopic=200048&hl= ,więc pozostaje Ci JS.

Jeśli tylko styl dla kolumny( bez hover ) to nth-child w CSS3.

[krzywy36]

za pomocą

[CSS] pobierz, plaintext 
td:nth-child(2) {
}
[CSS] pobierz, plaintext 

możesz stylować konkretne komórki tak by wyglądało na kolumnę, w tym wypadku każdą komórkę która jest drugim dzieckiem swojego rodzica , nie wiem czy Ci to coś da, ale tak mi na myśl przyszło.

edit: no i mnie uprzedził :<

Ten post edytował krzywy36 25.06.2012, 13:35:07

[jepek]

Chodzi o to żeby podświetlać kolumnę kiedy najedzie się na komórkę. Więc potrzebny hover.

@kamil4u w podanym przez Ciebie temacie nie znalazłem rozwiązania. Może być JS.

[kristaps]

Chodzi o to żeby podświetlać kolumnę kiedy najedzie się na komórkę. Więc potrzebny hover.

@kamil4u w podanym przez Ciebie temacie nie znalazłem rozwiązania. Może być JS.

To całą kolumnę czy komórkę?

[CSS] pobierz, plaintext 
td:hover{
background-color:green;
}
[CSS] pobierz, plaintext 

[jepek]

Chodzi o to żeby po najechaniu na choćby jedną komórkę z kolumny podświetliła się cała kolumna

Czy takie coś ma prawo zadziałać?

[HTML] pobierz, plaintext 
$('colgroup').hover(
	function(){ $('table#rozklad').addClass('hover') },
 
)
[HTML] pobierz, plaintext 

[kristaps]

Może spróbuj nadać onmouseover/onmouseout dla kolumny, a potem ustal style css.

Edit: to powinno pomóc: http://css-tricks.com/row-and-column-highlighting/

[jepek]

@kristaps

Dzięki za link, chwilę przed Tobą go znalazłem i udało mi się rozwiązać problem. Dzięki wszystkim!