Gunnar Bittersmann: responsive Tabellen; JS-Problem mit custom properties im Firefox

Beitrag lesen

@@1unitedpower

Dann hätte das JavaScript einiges am DOM zu tun …

Eher der Autor des HTML oder der Server, der das HTML zusammenbaut.

Nö, der Seitenautor sollte damit gar nichts zu tun haben. Der pflegt seinen Inhalt genau einmal ein.

Dann kann man auch gleich aus jeder Tabellenzeile eine Beschreibungsliste dl mit dt und dd machen.

Ja, daran hab ich auch gedacht. Vereinfacht auf der anderen Seite das Stylesheet, weil man bei einem Breakpoint einfach die Tabelle aus- und die die Definitionsliste(n) einblenden könnte und umgekehrt.

Du willst aber nicht den Inhalt doppelt (als Tabelle und als Beschreibungsliste[1]) im DOM haben, oder?

Oder man lässt die Tabelle ganz weg und man layoutet die Definitionslisten bei ausreichend großem Viewport wie eine Tabelle.

Kann man so machen. Dann hat man natürlich die Beschriftungen zigfach im HTML-Code. Aber genau das willst du ja, wenn sie kopierbar sein sollen.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory

  1. dl steht für description list, nicht für definition list. ↩︎

1 74

responsive Tabellen; JS-Problem mit custom properties im Firefox

Gunnar Bittersmann
  • css
  • javascript
  • tabelle
  1. 0
    dedlfix
    1. 0
      Gunnar Bittersmann
      1. 0
        MudGuard
        1. 0
          Matthias Apsel
          1. 0
            Matthias Apsel
            1. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
                1. 0
                  Matthias Apsel
          2. 0
            Gunnar Bittersmann
        2. 0
          Gunnar Bittersmann
      2. 0
        dedlfix
        1. 0
          Gunnar Bittersmann
          1. 0
            dedlfix
            1. 0
              Gunnar Bittersmann
    2. 0
      Matthias Apsel
      1. 0
        Matthias Apsel
  2. 0
    Matthias Apsel
    1. 0
      Gunnar Bittersmann
  3. 0

    Astronomie zum Wochenende

    Gunnar Bittersmann
    • astronomie
    1. 0
      dedlfix
      1. 0
        Gunnar Bittersmann
    2. 0
      Matthias Apsel
      1. 0
        Gunnar Bittersmann
        • menschelei
      2. 0
        Gunnar Bittersmann
        1. 0
          Matthias Apsel
          1. 0
            Matthias Apsel
            • astronomie
            • nachtrag
            1. 0
              Gunnar Bittersmann
              • astronomie
              1. 0
                JürgenB
                • astronomie
                • humor
  4. 0
    Gunnar Bittersmann
    1. 0
      dedlfix
      1. 0
        Gunnar Bittersmann
        1. 0
          dedlfix
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              1. 0
                Matthias Apsel
              2. 0
                dedlfix
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    dedlfix
    2. 0
      Matthias Apsel
      1. 0
        Gunnar Bittersmann
        1. 0
          Matthias Apsel
  5. 0
    Matthias Apsel
    1. 0
      Gunnar Bittersmann
  6. 0
    Gunnar Bittersmann
    1. 1
      dedlfix
      1. 0
        Gunnar Bittersmann
        1. 0
          Matthias Apsel
          1. 0
            Gunnar Bittersmann
        2. 0
          dedlfix
        3. 1
          Gunnar Bittersmann
      2. 1
        Gunnar Bittersmann
  7. 1
    Gunnar Bittersmann
    • barrierefreiheit
    • css
    • html
    1. 0
      JürgenB
      1. 0
        Gunnar Bittersmann
        1. 0
          JürgenB
          1. 0
            Gunnar Bittersmann
            1. 0
              JürgenB
            2. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
                • css
                1. 0
                  JürgenB
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      JürgenB
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          JürgenB
    2. 0
      1unitedpower
      1. 0
        Gunnar Bittersmann
        1. 0
          Matthias Apsel
        2. 0
          1unitedpower
          1. 0
            Gunnar Bittersmann
            1. 0
              1unitedpower
              1. 0
                Gunnar Bittersmann
                1. 0
                  1unitedpower