Schnabeltier: CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden

Beitrag lesen

Hi,

Im A-List-Apart-Artikel Web Typography: Designing Tables to be Read, Not Looked At rät der Autor Richard Rutter im Abschnitt Do not over-stylise tables davon ab, Tabellenzeilen mit Hintergrundfarben zu versehen. Also auch keine Zebrastreifen zu verwenden, die keinen nennenswerten Vorteil bringen:

Lustigerweise verwendet er sie selbst in den meisten Beispielen in den anderen Abschnitten. Und das ist auch gut so, denn die wären sonst schwerer zu lesen, weil er auch keine borders verwendet.

Auch dem empfohlenen Verzicht auf vertikale Linien stimme ich nicht zu ("Tables without vertical rules look better."). Die Tabelle mit den Video-Standards ist absolut furchtbar zu lesen, weil diese fehlen (und weil zusammenhängende Daten über mehrere Zellen verteilt sind um das Alignment zu erreichen, obwohl er im Text nur von CSS spricht und den Fallback, den er selbst verwendet, gar nicht erwähnt).

Im letzten Absatz zeigt er eine Tabelle, die tatsächlich "ohne alles" am besten aussieht. Bei der bilden die einzelnen Datenzellen auch hinreichend einheitliche optische Blöcke, worauf ich mich im allgemeinen eher nicht verlassen würde.

Insgesamt muss ich sagen, dass ich von alistapart bessere Artikel gewohnt bin ...

“This experiment yielded no evidence that zebra striping consistently improves the accuracy or speed of tasks. This would seem to suggest that we shouldn’t bother with zebra striping anymore.”
—Jessica Enders, Zebra Striping: Does it Really Help?, Abschnitt So there’s no point in zebra striping?

Und das ist schon etwas aus dem Kontext gerissen (und die Formulierung "would seem" kündigt auch schon ein großes Aber an). Weiter schreibt sie nämlich, dass aus der Studie keine klare Empfehlung folgt, weil die Streifen vielen Leuten gefallen und die Lesbarkeit für niemanden verschlechtern.

Ich finde Tabellen mit Streifen auch besser zu lesen, aus dem gleichen Grund wie Tabellenkalk. Vor allem, wenn ich quer scrollen muss.

Viele Grüße vom Schnabeltier

0 74

CSS Pseudoklasse auf eine bestimmte Tabelle anwenden, wenn mehrere Tabellen im Dokument vorhanden

iloveHTML
  • css
  • html
  1. 1
    Henry
    1. 0
      iloveHTML
      1. 0
        iloveHTML
        1. 0
          iloveHTML
          1. 0
            Robert B.
      2. 0
        Henry
        1. 0
          iloveHTML
          1. 0
            Henry
          2. 0
            iloveHTML
            1. 0
              Tabellenkalk
            2. 0
              iloveHTML
              1. 0
                Regina Schaukrug
            3. 0
              Matthias Apsel
          3. 0
            Rolf B
            1. -3
              iloveHTML
              1. 0
                Tabellenkalk
                1. 0
                  iloveHTML
                  1. 0
                    iloveHTML
                    1. 1
                      Tabellenkalk
              2. 0
                Martl
                1. 0
                  iloveHTML
                  1. 0
                    Auge
                    1. 0
                      Matthias Apsel
                  2. 0
                    Regina Schaukrug
                    1. 0
                      Matthias Apsel
                      1. 0
                        iloveHTML
                        1. 0
                          Matthias Apsel
                    2. 0
                      Henry
                      • css
                      • html
                      • meinung
                    3. 0
                      Gunnar Bittersmann
                      • html
                      1. 0
                        Gunnar Bittersmann
                        • html
                        • inclusive design
                        • javascript
                        1. 0

                          Externer Google Font Sicherheitshinweis

                          Henry
                          • font
                          • google
                          • javascript
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Henry
                          2. 0
                            Matthias Apsel
                  3. 0
                    Tabellenkalk
                    1. 0
                      iloveHTML
                      1. 0
                        Rolf B
                        1. 0
                          iloveHTML
                      2. 0
                        iloveHTML
                        1. 1
                          Henry
                          • css
                          • html
                          • meinung
                          1. 0
                            iloveHTML
                            1. 0
                              Rolf B
    2. 0
      Gunnar Bittersmann
      1. 0
        Henry
        1. 0
          Matthias Apsel
          1. 0
            Henry
            1. 0
              Matthias Apsel
              1. 0
                Henry
                1. 0
                  Matthias Apsel
                  1. 0
                    Gunnar Bittersmann
                    • html
                    1. 0
                      Matthias Apsel
                      1. 0
                        Gunnar Bittersmann
                  2. 0
                    beatovich
                    • menschelei
          2. 0
            beatovich
            • menschelei
          3. 0
            Gunnar Bittersmann
            • html
          4. 0
            Gleiter
  2. 2

    Zu Ebay

    MrMurphy1
    1. 1

      Beispiel Responsive

      MrMurphy1
  3. 0
    Gunnar Bittersmann
    • design
    1. 0
      Tabellenkalk
      1. 0
        Gunnar Bittersmann
        1. 0
          Tabellenkalk
          1. 0
            beatovich
        2. 0
          beatovich
        3. 0
          Henry
    2. 1
      Matthias Apsel
      1. 0
        Gunnar Bittersmann
        1. 0
          Tabellenkalk
          1. 0
            beatovich
            1. 1
              Tabellenkalk
        2. 0
          Matthias Apsel
        3. 0
          Matthias Apsel
          • meinung
          • sonstiges
    3. 1
      Schnabeltier