Matthias Apsel: Tabellenzeile soll bei hover eine infobox anzeigen

Beitrag lesen

Om nah hoo pez nyeetz, Matthias Apsel!

<table>
  <tr class="auslöser"><td..........
  <tr colspan="Spaltenzahl"><td>Inhalt der Box</td></tr>
  <tr class="auslöser"><td..........
  <tr colspan="Spaltenzahl"><td>Inhalt der Box</td></tr>
</table>

suboptimal. Wenn das funktioniert, kann man auch ebensogut das jeweils erste td-Element als Info-Box missbrauchen. Die Klasse "auslöser" ist übrigens nur für alte Browser vonnöten.

<table>
  <tr><td>Infobox</td><td>....

css:

td:first-child {position: absolute; top: irgendwo; left: irgendwo;
                display: none;}

tr:hover>td:first-child {display: block;}

aber wie gesagt

  • Ich weiß nicht, ob sich eine Tabelle so zerreißen lässt

Die Beispiele unterscheiden sich im Aussehen, wenn das CSS in alten Browsern versagt oder ausgeschaltet ist.

ebenfalls ungetestet.

Was einem so alles durch den Kopf geht, wenn man eigentlich schlafen sollte...

Matthias

--
1/z ist kein Blatt Papier.

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