Gunther: Tabellenzeile soll bei hover eine infobox anzeigen

Beitrag lesen

@@theatermacher:

nuqneH

@gunther

Damit mein Ziel deutlicher wird, hier der Link zu meiner Testseite:
http://uedlige.dramatik.ch
Die Funktionen der Zellen in der Kolonne Whg.-Nr. sollen über die ganze Zeile gehen. Also, egal in welche Zelle in der Zeile ich hovere, soll sich die Infobox öffnen. Und egal wo ich in der Zeile hinklicke soll das entsprechende Dokument geöffnet werden.

Dein Ziel ist schon klar, nur dein Weg der Umsetzung nicht ...! ;-)

Zunächst einmal darf eine ID nur _einmal_ pro HTML vorkommen (td id="box").
Und die Klasse "infobox" wäre bei den jeweiligen DIV_Elementen ggf. auch hilfreicher, als bei den TDs.

Im Augenblick blendest du die DIVs mit den Bildern ja über #box:hover div {...} ein. Abgesehen von der falschen Mehrfachverwendung der ID. ist #box aber ein TD-Element. Und wie ich schon geschrieben habe, willst du ja nicht eine einzelne Tabellenzelle (TD) als Auslöser, sondern die Tabellenreihe (TR). Ergo tr:hover .infobox {...} (wenn die DIV-Elemente die Klasse "infobox" bekommen haben).

Gruß Gunther

0 49

Tabellenzeile soll bei hover eine infobox anzeigen

theatermacher
  • css
  1. 0
    Matthias Apsel
    1. 0
      theatermacher
      1. 0
        Gunther
      2. 0
        Gunnar Bittersmann
        1. 0
          theatermacher
          1. 0
            Gunther
            1. 0
              theatermacher
              1. 1
                Matthias Apsel
                1. 0
                  theatermacher
                  1. 0
                    Der Martin
                    1. 0
                      theatermacher
                      1. 0
                        Gunther
                        1. 0
                          theatermacher
                          1. 0
                            Matthias Apsel
                            1. 0

                              Semantik

                              Gunther
                              • html
                              1. 2
                                Matthias Apsel
                                1. 0
                                  Gunther
                                  1. 0
                                    Matthias Apsel
                                    1. 0
                                      Gunther
                                      1. 1
                                        Der Martin
                                        1. 0
                                          Gunther
                                          1. 0
                                            Matthias Apsel
                                            1. 0
                                              Gunther
                                              1. 0

                                                Link über ganze Tabellenzeile

                                                Matthias Apsel
                                                1. 0

                                                  Link über ganze Tabellenzeile auch für alte Browser

                                                  Matthias Apsel
                                                  1. 0

                                                    Responsive Design

                                                    Gunther
                                                    • design/layout
                                                    1. 0
                                                      Matthias Apsel
                                                      1. 0
                                                        Gunther
                                                        1. 0
                                                          Matthias Apsel
                                                          1. 0
                                                            Gunther
                                                            1. 0

                                                              Das letzte Wort

                                                              Matthias Apsel
                                                              • menschelei
                                      2. 0
                                        Matthias Apsel
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Matthias Apsel
                                  2. 0
                                    Kai345
                                    1. 0
                                      Gunther
                                      1. 0

                                        Zugänglichkeit

                                        Matthias Apsel
                                2. 0
                                  Gunnar Bittersmann
                    2. 0
                      Matthias Apsel
                    3. 0
                      Gunnar Bittersmann
                      1. 0
                        Matthias Apsel
                      2. 0
                        Der Martin
                  2. 0
                    Matthias Apsel
                    1. 0
                      Matthias Apsel
        2. 1
          Kai345
          1. 0
            Gunnar Bittersmann
            1. 0
              Matthias Apsel
            2. 1
              Kai345