Wie wird so etwas umgesetzt?

[Gunnar Bittersmann]

@@Sturmverliebt:

nuqneH

Aber ich kann dein Beispiel leider nicht nehmen da es einfach nicht in das Konzept passt da bei dir der Text auf dem Bild liegt.

?? Das ist doch visuell dasselbe. Ob nun das Bild oben ist und seine Höhe (d.h. die des dazu notwendigen(?) div-Containers) geändert wird oder ob die Textbox oben ist und deren Höhe geändert wird – es sieht gleich aus.

Warum denkst du, du könntest mein Beispiel nicht übernehmen?

Die beiden Zeilen können später nicht länger werden, da beim Eingeben nur eine bestimmte Anzahl an Zeichen zugelassen ist.

Das ist ein zwar weitverbreiteter, aber fataler Irrtum.

Man kennt weder die beim Nutzer tatsächlich verwende Schriftart noch die die beim Nutzer tatsächlich verwende Schriftgröße. Und selbst dieselbe Schriftart in derselben Größe wird auf verschiedenen Systemen verschieden gerendert: unterschiedliche Glyphen, veschiedene Schriftglättungsalgorithmen. Folglich kann derselbe Text bei verschiedenen Nutzern unterschiedlich breit sein.

Und die Anzahl der Zeichen sagt nichts über die Breite des Textes – jedenfalls nicht in den üblicherweise verwendeten Proportionalschriften. 42 W sind viel breiter als 42 i. Anzahl der Zeichen ist ein ziemlich ungeeignetes Maß abzuschätzen, ob Text in eine Zeile passt.

Deshalb immer daran denken, dass Text auch mehrzeilig werden kann! Also so layouten, dass Text in der Höhe wachsen kann, oder am Zeilenende per 'ellipsis' abschneiden.

Qapla'