Gunnar Bittersmann: Fertiges Beispiel ohne Bootstrap

Beitrag lesen

@@Bernd

„Lorem ipsum …“ ist kein sinnvoller Blindtext – nicht, wenn in jeder Box dasselbe steht. Es ist überhaupt nicht erkennbar, wie sich das Layout bei verschieden langen Textinhalten verhält.

Was ist jetzt schlimm dran, wenn der Inhalt länger wird?

Meine Aussage war nicht, dass es hier schlimm wäre, wenn Textinhalte unterschiedlich lang sind.

Meine Aussage war, dass es generell blöd ist, wenn nicht zu erkennen ist, ob es schlimm wäre, wenn Textinhalte unterschiedlich lang sind.

Schöner wäre zwar wenn die Links alle auf gleicher Höhe wären

Mit Flexbox wäre das schnell gemacht.

Aber: Wenn die Textlängen stark voneinander abweichen, klafft bei kurzen Texten eine riesige Lücke zwischen Text oben und Link unten; der Link wird gar nicht mehr als zugehörig wahrgenommen.

Wenn sich Schönheit und Nutzbarkeit gegenüberstehen, im Zweifel für die Nutzbarkeit.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
0 119

Navigation nachbauen

Bernd
  • css
  • html
  1. 0
    Gunnar Bittersmann
    1. -1
      Bernd
      1. 1
        Gunnar Bittersmann
        1. 0
          Bernd
          1. 1
            ursus contionabundo
            1. 0
              Bernd
              1. 1
                ursus contionabundo
                • meinung
            2. 0
              klawischnigg
              1. 1
                Gunnar Bittersmann
                • meinung
                1. 0
                  Bernd
                  1. 0
                    Christian Kruse
                    • moderation
                2. 0
                  klawischnigg
              2. 2
                marctrix
                1. 1
                  Christian Kruse
                  1. 0
                    marctrix
                2. 0
                  klawischnigg
                  1. 0
                    marctrix
                  2. 0
                    Gunnar Bittersmann
              3. 1
                beatovich
          2. 1
            Gunnar Bittersmann
            • meinung
            1. -1
              Bernd
              1. 1
                Gunnar Bittersmann
                1. -1
                  Bernd
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Bernd
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Bernd
                    2. 3
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                        1. 1
                          dedlfix
                          1. 0
                            Gunnar Bittersmann
                            1. 2
                              dedlfix
                              1. 0
                                Gunnar Bittersmann
                                1. -3
                                  Bernd
                                  1. 4

                                    Politische Ränder

                                    ursus contionabundo
                                    • meinung
                                    • politik
                                2. 2
                                  dedlfix
                                3. 0
                                  Matthias Apsel
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 0

                                      Viel Ehr ...

                                      ursus contionabundo
                                  2. 0
                                    Bernd
                                    1. 0
                                      Christian Kruse
                  2. 2

                    Bitte nicht so. Danke!

                    ursus contionabundo
            2. 0
              Hans
              1. 0
                Matthias Apsel
              2. 3
                marctrix
                1. 0
                  Hans
                  1. 1
                    marctrix
                    • barrierefreiheit
                    • meinung
                    1. 0
                      Hans
                  2. 1
                    Gunnar Bittersmann
          3. 2
            marctrix
            1. 0
              Gunnar Bittersmann
              1. -1
                dedlfix
                1. 0
                  Gunnar Bittersmann
                  • meinung
                  1. -1
                    Bernd
                    1. 1
                      Gunnar Bittersmann
                      1. 0
                        Bernd
                        1. 1
                          Matthias Apsel
                          1. 0
                            Bernd
                            1. 0
                              marctrix
                        2. 2
                          marctrix
                          1. 0
                            Mitleser
                          2. 0
                            Bernd
                            1. 1
                              Gunnar Bittersmann
                              1. -2
                                Bernd
                                1. 1
                                  Gunnar Bittersmann
                                  1. 0
                                    Bernd
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Bernd
                                        1. 1
                                          Gunnar Bittersmann
                                          1. 0
                                            Bernd
                                            1. 0
                                              marctrix
                                              1. 0
                                                Bernd
                                                1. 0
                                                  marctrix
                                                  1. 0
                                                    Bernd
                                                    1. 0
                                                      marctrix
                                                      1. 0
                                                        Bernd
                                                        1. 0
                                                          marctrix
                                                          1. 0
                                                            Bernd
                                                          2. 0
                                                            Matthias Apsel
                                                            1. 0
                                                              marctrix
                                            2. 0

                                              Fertiges Beispiel ohne Bootstrap

                                              Bernd
                                              1. 1
                                                Matthias Apsel
                                                1. 0
                                                  Bernd
                                                  1. 1
                                                    Matthias Apsel
                                                    1. 0
                                                      Bernd
                                                  2. 0
                                                    Matthias Apsel
                                                2. 0
                                                  Gunnar Bittersmann
                                                  1. 0
                                                    Bernd
                                                    1. 1
                                                      Gunnar Bittersmann
                                                      1. 0
                                                        Bernd
                                                        1. 0
                                                          Gunnar Bittersmann
                                                        2. 0
                                                          marctrix
                                                          • css
                                                          • flexbox
                                                          1. 1

                                                            ganze Box verlinken

                                                            Gunnar Bittersmann
                                                            • barrierefreiheit
                                                            • html
                                                            • star trek
                                                            1. 0
                                                              marctrix
                                                              • barrierefreiheit
                                                              • html
                                                            2. 0
                                                              ursus contionabundo
                                                              1. 0
                                                                MudGuard
                                                                • menschelei
                                                                1. 0
                                                                  ursus contionabundo
                                                                2. 0
                                                                  Gunnar Bittersmann
                                                              2. 1
                                                                Gunnar Bittersmann
                                                                • barrierefreiheit
                                                                • css
                                                                • html
                                                                1. 0
                                                                  ursus contionabundo
                                        2. 0
                                          marctrix
                                      2. 0
                                        marctrix
                                        1. 0
                                          Bernd
                                          1. 0
                                            marctrix
                                  2. 0
                                    Bernd
                            2. 1
                              beatovich
                              1. 0
                                Bernd
                          3. 1
                            marctrix
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                marctrix
                                1. 0
                                  Gunnar Bittersmann
                                  1. 1
                                    marctrix
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        marctrix
                      2. 0
                        Matthias Apsel
                        1. 0
                          marctrix
                        2. 0

                          Aufträge aus moralischen Gründen abzulehnen ...

                          ursus contionabundo
                    2. 1
                      beatovich