Ergebnis 1 bis 7 von 7
  1. #1
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    CSS bei hover gleiche Spalte erste Zeile selektieren

    Hi!
    Wenn ich in einer echten Tabelle (echt heißt <table><thead>...</thead><tbody>...</tbody></table>) beim überfahren von Zellen jeweils immer in der selben Zeile die erste Spalte selektieren möchte schreibe ich:
    HTML-Code:
    #meine_tabelle tbody tr:hover td:nth-child(1){
        ...
    }
    Klappt perfekt!

    Aber wie geht das für die andere Koordinate, also selbe Spalte erste Zeile?
    Hab mir einen abgebrochen mit #meine_tabelle tbody td:hover thead tr:first-child:hover td:first-child{...} und anderen Versuchen, klappt alles nicht.
    Kann mir da bitte jemand unter die Arme greifen.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  2. #2
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.297

    AW: CSS bei hover gleiche Spalte erste Zeile selektieren

    geht mWn nicht mit CSS, da Tabellenspalten (im Gegensatz zu Tabellenzeilen) keine HTML-Elemente sind. Anders ausgedrückt, eine Zelle ist ein Unterelement einer Zeile, aber nicht einer Spalte.

  3. #3
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.702

    AW: CSS bei hover gleiche Spalte erste Zeile selektieren

    In CSS 4 sind da column combinators: https://drafts.csswg.org/selectors-4/#column-combinator
    Leider unterstützt das noch kein einziger Browser, soweit ich weiß.

    Du wirst also mit JS arbeiten müssen...

  4. #4
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: CSS bei hover gleiche Spalte erste Zeile selektieren

    korbinian wie würde ich das denn hierfür schreiben müssen?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  5. #5
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.702

    AW: CSS bei hover gleiche Spalte erste Zeile selektieren

    Jetzt im CSS oder JS?

  6. #6
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.725

    AW: CSS bei hover gleiche Spalte erste Zeile selektieren

    im css nur aus interesse.

    gelöst hab ich das inzwischen mit js.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  7. #7
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.702

    AW: CSS bei hover gleiche Spalte erste Zeile selektieren

    Gute Frage. Ich denke, dass .col-class-name:hover || td:nth-child(1) funktionieren sollte, aber ob :hover da überhaupt funktionieren wird...

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 05-08-2010, 15:23
  2. Antworten: 5
    Letzter Beitrag: 31-05-2009, 13:24
  3. Tabelle: Per Pfeiltaste von Zeile zu Zeile springen?
    Von Daphne26 im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 12-01-2007, 12:15
  4. Hover für die ganze Zeile
    Von Lommel im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 11-12-2005, 15:00
  5. mit PHP .txt File, Zeile für Zeile auslesen und anzeigen
    Von toothpaste im Forum Serverseitige Programmierung
    Antworten: 12
    Letzter Beitrag: 23-11-2005, 15:21

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •