Wie gestaltet man in seiner eigenen Seite "schöne" Formulare und das am besten auch noch XHTML-valid und ohne Tabellen zu benutzen? Tabellen sind laut W3C ja lediglich dazu gedacht um tabellarische Daten darzustellen. Daher ja auch table.
Daher möchte ich mit diesem Artikel/Tutorial denjenigen die bisher auf Tabellen zurückgegriffen haben, oder gerade erst anfangen Webseiten mittels CSS zu gestalten, ein wenig auf die Sprünge helfen wie man mit Hilfe von CSS schöne Formulare zaubert.
Heute schreibe ich euch etwas über Schriftgrößen über verbreitete Irrtümer, über mögliche Relationen zwischen den Grölßen, über die Interaktionsmöglichkeiten und über die immer größer werdende Bedeutung in modernen Webseiten die richtige Schriftgröße zu wählen.
Man kennt es ja: Schriftgrößen legt der ordentliche Webdesigner in seinen CSS Defintionen bzw. seinem Stylesheet fest. Meistens aber in pixeln (px). Warum also etwas anderes wählen, wenn sich das Pixelmaß "bewährt" hat?
Man kann sehr elegant die Schriftgrößen in Relation/Beziehung zueinander setzen in Prozenten (%) und in der Einheit em ohne großen Aufwand und ohne groß darüber zu grübeln ob es nun 11 oder 12 Pixel sein sollen. Das Ablösen des überholten Pixelmaßes macht es möglich beim vergrößern der Seite die Schriftproportionen zu erhalten. Also die Überschrift bleibt dann beispielsweise immer 3mal so groß wie der Text im Blogeintrag. Das klingt nicht nur gut, sondern macht deine Seite auch Barriereärmer, besonders für Internetnutzer, die aufgrund von Behinderungen standardmäßig die Schriftgrößen vergrößern.