Buttons korrekt ausrichten

[Gunnar Bittersmann]

@@Rolf B

Er soll die Baseline des nicht gesubten Textes da lassen, wo sie ist. Was ist denn daran so schwierig?

Nichts, denn genau das tut er ja, wenn du ihm nichts anderes sagst. Testseite:

Abb. 1: Grundlinien der Buttons auf derselben Höhe. Wenn da ein Element ist, das nach unten mehr Platz braucht, wird der Button eben höher.

Abb. 2: Grundlinien der Buttons immer noch auf derselben Höhe, wenn du den Buttons eine feste Höhe gibst. Da die Unterkante des zweiten Buttons wegen des Elements, das nach unten mehr Platz braucht, tiefer liegt als die des ersten, tut das auch die Oberkante.

Abb. 3: Wenn du Ober- und Unterkanten der Button in Übereinstimmung bringst, stimmen natürlich die Grundlinien nicht mehr überein. Wie sollten sie auch?

Abb. 4: Wenn da kein Element ist, das nach unten mehr Platz braucht, stimmen Ober- und Unterkanten und Grundlinien überein.

Dein Problem resultierte aber allein daraus, dass du die „10“ scheiße aussehen lassen wolltest. Wenn man es richtig macht, tritt das Problem gar nicht erst auf:

Abb. 5: Subscript-Zeichen. (VoiceOver liest die auch richtig vor: „zehn“, nicht „eins null“. Was andere Screenreader daraus machen, kann ich nicht sagen.)

Abb. 6: OpenType-Feature. Gibt es irgendeinen Grund, keine OpenType-Schriften zu verwenden?

🖖 Живіть довго і процвітайте