Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Colgroup hover
Forum PHP.pl > Forum > Przedszkole
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ą
  1. td:nth-child(2) {
  2. }

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 biggrin.gif, nie wiem czy Ci to coś da, ale tak mi na myśl przyszło.

edit: no i mnie uprzedził :<
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
Cytat
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ę?


  1. td:hover{
  2. background-color:green;
  3. }

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ć?

  1. $('colgroup').hover(
  2. function(){ $('table#rozklad').addClass('hover') },
  3.  
  4. )
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!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.