dedlfix: Ausrichtung von Formularelementen

Beitrag lesen

problematische Seite

Tach!

warum das denn? Wenn die Beschriftung und das zugehörige Formularfeld in einer Zeile nebeneinander stehen, sind sie IMO ebenso intuitiv zu erfassen und zu erkennen wie übereinander.

Nicht wirklich, wenn die linke Spalte und die rechte jeweils an einer senkrechten Linie linksbündig ausgerichtet sind. Dann bilden die Labels und die Felder jeweils eigene optische Blöcke untereinander aber der inhaltliche Zusammenhang von Label und Feld ist nur zu erkennen, wenn man nicht in der Zeile verrutscht. Das ist dasselbe Prinzip wie bei Code die Variablennamen und den Inhalt auszurichten.

foo        = 42;
langername = 23;

Die Gleichheitszeichen alle in einer Flucht soll ein schönes Aussehen erzeugen, das macht es aber schwer, die eigentlichen Zusammenhänge zu erfassen. Besonders dann, wenn sehr lange Variablennamen für großen Abstand sorgen.

Also worin siehst du den Nachteil oder gar das Problem, wenn sie nebeneinander stehen?

Gelindert wird das, wenn die Label rechtsbündig ausgerichtet sind und damit wieder direkt neben dem Feld stehen.

dedlfix.

0 55

Ausrichtung von Formularelementen

Rolf b
  • formulare
  • html
  1. 1
    marctrix
    1. 0
      Der Martin
      • barrierefreiheit
      • formulare
      1. 0
        marctrix
        1. 0
          Der Martin
          1. 1
            Gunnar Bittersmann
            1. 0
              Der Martin
              1. 0
                Gunnar Bittersmann
                1. 0
                  marctrix
            2. 0
              Rolf b
              1. 0
                marctrix
            3. 0
              marctrix
              1. 0
                Gunnar Bittersmann
                1. 0
                  marctrix
            4. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
                1. 0
                  Matthias Apsel
                  1. 0
                    Gunnar Bittersmann
            5. 0
              Christian Kruse
            6. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
          2. 0
            marctrix
            1. 0
              Auge
      2. 0
        dedlfix
        1. 0
          Der Martin
        2. 0
          marctrix
          1. 0
            Christian Kruse
            1. 1
              marctrix
              1. 0
                Christian Kruse
                1. 1
                  marctrix
                  1. 1
                    Gunnar Bittersmann
                    1. 1
                      Der Martin
                      1. 0
                        marctrix
                        1. 0
                          Rolf b
                          • barrierefreiheit
                          • formulare
                          • humor
                      2. 1
                        Gunnar Bittersmann
                        1. 0
                          Der Martin
                    2. 0
                      marctrix
                      1. 0
                        Der Martin
                        1. 0
                          marctrix
                          1. 0
                            Der Martin
  2. 2
    MrMurphy1
    1. 0
      Gunnar Bittersmann
      • formulare
      • ux
      1. 0
        Rolf b
        1. 2
          MrMurphy1
          1. 0
            marctrix
            1. 0
              Gunnar Bittersmann
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann
            2. 1
              Matthias Apsel
        2. 1
          Gunnar Bittersmann
          1. 0
            Rolf b
            1. 0
              Rolf b
              1. 1
                Gunnar Bittersmann
                • html
                1. 0
                  Gunnar Bittersmann
          2. 0
            Matthias Apsel