Rolf B: Bild sensitiv machen

Beitrag lesen

Hallo Gerrit,

Verstanden habe ich es nicht, da ich nirgendwo ein display: none oder visibility: hidden gefunden habe.

Aber Du hättest recherchieren können, was die Dir unbekannten Elemente <details> und <summary> tun 😉. Ein vollständiges Menü mit details/summary hat Jürgen einmal in unserem Wiki aufgeschrieben. Auf einem genügend schmalen Bildschirm kollabiert es auch zu einem "Hamburger"-Button. Leider mit viel JavaScript dabei, also nicht das, was Du willst. Aber vielleicht kannst Du dort ein paar Ideen abgucken.

Für eine reine CSS Lösung ist details/summary aber eigentlich der beste Ansatz, andere Lösungen wie :hover oder Checkbox-Hack leiden an fehlender Bedienbarkeit (was meint: Bedienbarkeit für jeden, ob Maus, Touch, Tastatur, Screenreader oder Braille-Zeile). Du hängst da allerdings die kleine Schar derjeniger ab, die noch zur Nutzung des Internet Explorers gezwungen sind. Die bekommst Du nur mit einer Javascript-Lösung richtig unterstützt.

Rolf

--
sumpsi - posui - obstruxi
0 53

Bild sensitiv machen

Gerrit
  • css
  • html
  1. 0
    Der Martin
    • css
    • html
    • javascript
    1. 0
      Gerrit
      1. 0
        Gunnar Bittersmann
        • meinung
        1. 0
          Gerrit
          1. 0
            Rolf B
    2. 0
      Gunnar Bittersmann
      • html
      1. 0
        Der Martin
        1. 0
          Gerrit
          1. 0
            Tabellenkalk
          2. 0
            Rolf B
            1. 0
              JürgenB
              1. 0
                Rolf B
                1. 0
                  JürgenB
                  1. 0
                    Rolf B
                  2. 0
                    MudGuard
          3. 0
            Rolf B
            1. 1
              Rolf B
              1. 0
                Matthias Scharwies
              2. 1
                JürgenB
                1. 0
                  Rolf B
              3. 0
                kai345
                1. 0
                  Rolf B
                  1. 0
                    kai345
              4. 0
                Gerrit
            2. 0
              Gerrit
              1. 0
                Gunnar Bittersmann
                1. 0
                  Tabellenkalk
                  1. 0
                    Matthias Apsel
                    1. 0
                      Matthias Apsel
                      • html
                      • menschelei
                2. 0
                  Rolf B
                  1. 0
                    Gerrit
                    1. 0
                      Rolf B
                      1. 0
                        Gerrit
                        1. 0
                          Matthias Apsel
                          1. 0
                            Der Martin
                            • browser
                            1. 0
                              JürgenB
                              1. 0
                                Der Martin
                                1. 0
                                  Rolf B
                                  1. 0
                                    Der Martin
                            2. 0
                              Gerrit
                      2. 0
                        JürgenB
                      3. 0
                        Gerrit
                        1. 0
                          Gunnar Bittersmann
                          • css
                        2. 0
                          Rolf B
                          1. 0
                            Gunnar Bittersmann
                            • zu diesem forum
                            1. 0
                              Tabellenkalk
                            2. 0
                              Matthias Apsel
                            3. 0
                              Gerrit
                              1. 0
                                Gerrit
                                • css
                                • html
                                • zu diesem forum
                                1. 0
                                  Rolf B
                                2. 0
                                  JürgenB
                                3. 0
                                  Gunnar Bittersmann