Gustav: Dropdown-Menu zur Sprachenerweiterung

Beitrag lesen

Hallo Rolf,

obwohl ich grundsätzlich zu deinem ersten Vorschlag tendiere, weil sich dort die Language-Liste über dem Text öffnen könnte, habe ich mir deine beiden Vorschläge inzwischen angesehen und auch noch diverse Variationen davon probiert. Aber da passt einiges noch nicht. Ich schreibe jetzt nur noch zu Vorschlag 1 und beziehe ich auf deine Angaben:

Solange ich keine background-color für die nav details angebe, öffnet sich die Language-Liste auf einem Smartphone-Screen, wie beabsichtigt, über dem Text. Allerdings fehlen wie auch auf einem Laptop-Screen der graue Menurahmen und die Positionen von Pfeil und Weltkugel sind auch verrutscht. Beim Öffnen oder Schließen des Menus zeigt sich immer ein blauer Ereignisrahmen. Öffne ich das Menu rutschen auf einem Laptop-Screen Pfeil und Weltkugel nach rechts, noch außerhalb des gedachten Menurahmens und die Liste öffnet sich damit auch rechts des Textes. Auch die Abstände zwischen den Menus stimmen in allen Screeneinstellungen nun nicht mehr.

Gebe ich dann eine background-color für nav details ein, rutschen Pfeil und Weltkugel untereinander, haben aber neben dem blauen Ereignisrahmen zumindest auch wieder einen, wenn auch verkleinerten, aber immerhin grauen Menurahmen. Öffne ich die Language-Auswahlliste blasen alle übrigen Menu-Punkte ebenso auf und schieben den Text doch wieder nach unten.

Hast du noch ne Idee, wie ich das hinbekomme oder habe ich bei dem Vorschlag auch etwas falsch verstanden?

Schöne Grüße, Gustav

0 120

Dropdown-Menu zur Sprachenerweiterung

Gustav
  • barrierefreiheit
  • javascript
  1. 0
    Gunnar Bittersmann
    • design
    • internationalisierung
    1. 0
      klawischnigg
      1. 0
        Tabellenkalk
        1. 1
          kai345
          1. 0
            Gunnar Bittersmann
            1. 0
              Der Martin
              1. 0
                Gunnar Bittersmann
                1. 0
                  klawischnigg
                  1. 0
                    Der Martin
                    1. 0
                      Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
                    1. 0
                      klawischnigg
        2. 0
          klawischnigg
          1. 0
            Der Martin
            • humor
            • sprache
            1. 1
              klawischnigg
  2. 1
    Rolf B
    1. 0
      Gustav
      1. 0
        Gunnar Bittersmann
        • internationalisierung
        • ux
        1. 0
          Gustav
          1. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
            2. 0
              JürgenB
              1. 0
                Gunnar Bittersmann
                1. 0
                  JürgenB
                  1. 0
                    Gunnar Bittersmann
                2. 1
                  MudGuard
                  • humor
                  1. 1
                    Gunnar Bittersmann
                  2. 0
                    Tabellenkalk
                    1. 0
                      MudGuard
                    2. 0
                      Rolf B
                      1. 0
                        Tabellenkalk
                        • grusel
                        • humor
                    3. 0
                      Gunnar Bittersmann
                      • grusel
                      • humor
                3. 1
                  Mitleser 2.0
                  1. 0
                    Mitleser 2.0
                    1. 0
                      Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
                    1. 0
                      JürgenB
                      1. 0
                        Der Martin
                        1. 0
                          Matthias Apsel
                          1. 0
                            Mitleser 2.0
                            1. 0
                              Rolf B
                              1. 0
                                Matthias Apsel
                            2. 0
                              Gunnar Bittersmann
                              1. 0
                                JürgenB
                                1. 0
                                  Rolf B
                                  1. 0
                                    JürgenB
                                    1. 0
                                      JürgenB
                                      1. 0
                                        Matthias Apsel
                                      2. 0
                                        Tabellenkalk
                                      3. 0
                                        Rolf B
                                        1. 0
                                          Tabellenkalk
                                          1. 0
                                            Rolf B
                                        2. 1
                                          kai345
                                        3. 0
                                          JürgenB
                                          1. 0
                                            Matthias Apsel
                                          2. 0
                                            Der Martin
                                    2. 0
                                      Matthias Apsel
                                      1. 0
                                        JürgenB
                                    3. 0
                                      JürgenB
                                      1. 0
                                        Rolf B
                                        1. 0
                                          JürgenB
                                          1. 0
                                            Rolf B
                                            1. 0
                                              JürgenB
                                              1. 0
                                                Matthias Apsel
                                              2. 0
                                                Rolf B
                                                1. 0
                                                  JürgenB
                                                  1. 1
                                                    JürgenB
                                                    1. 0
                                                      Mitleser 2.0
                                2. 2
                                  Mitleser 2.0
                    2. 0
                      Mitleser 2.0
                      1. 0
                        Tabellenkalk
              2. 0
                Matthias Apsel
              3. 0
                Gustav
                1. 0
                  JürgenB
                2. 0
                  Gunnar Bittersmann
                  1. 0
                    JürgenB
                    1. 0
                      Gustav
                      1. 1
                        Matthias Apsel
                        1. 1
                          Matthias Apsel
                          • sonstiges
                          1. 0
                            Gustav
                            1. 0
                              Rolf B
                              1. 0
                                Gustav
                                1. 0
                                  Rolf B
                                  1. 0
                                    Gunnar Bittersmann
                                    • css
                                    1. 0
                                      Gustav
                                  2. 0
                                    Gustav
                                    1. 0
                                      Rolf B
                                      1. 0
                                        Matthias Apsel
                                      2. 0
                                        Gustav
                                        1. 0
                                          Gunnar Bittersmann
                                        2. 0
                                          Rolf B
                                          1. 0
                                            Gustav
                                    2. 1
                                      JürgenB
                                      1. 0
                                        Gustav
                                        1. 0
                                          JürgenB
          2. 0
            Gunnar Bittersmann
  3. 0
    Linuchs
    • sprache
    1. 0
      Der Martin
      1. 0
        JürgenB
        1. 0
          Linuchss
    2. 1
      Gunnar Bittersmann
      • internationalisierung
      • sprache
      1. 0
        Gunnar Bittersmann
      2. 0
        Der Martin
        1. 0
          Gunnar Bittersmann
          • html
          • internationalisierung
          • sprache
          1. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
              • internationalisierung
              • sprache
              • ux
              1. 0
                Der Martin
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Der Martin
                    1. 0
                      Gunnar Bittersmann
              2. 0
                Tabellenkalk
          2. 0
            Matthias Apsel
            1. 0
              Gunnar Bittersmann
              • browser
              • html
              • internationalisierung
    3. 0
      Gunnar Bittersmann
      • sprache
      • typografie
      1. 0
        Linuchs
      2. 0
        klawischnigg
        1. 0
          Gunnar Bittersmann
          1. 0
            klawischnigg
            1. 0
              Gunnar Bittersmann