Standardmäßig werden Texte in Eingabefeldern linksbündig ausgerichtet. Das ist zwar übersichtlich, für ambitionierte Webdesigner aber oft zu wenig.
Wer sich bei der Formulargestaltung von der Masse abheben will, kann sich eines CSS-Tricks bedienen. Durch den lassen sich Formularinhalte auch mal anders ausrichten. Realisiert wird dies über den CSS-Befehl text-align
:
Hier wird der Inhalt des Textfeldes rechtsbündig ausgerichtet. Um den Text zentriert anzuzeigen, wird statt right
der Wert center
verwendet. Dieser Trick lässt sich übrigens nicht nur auf einzeilige Eingabefelder anwenden, auch die Inhalte einer Text-Area lassen sich damit ausrichten. Wer übrigens wieder die normale Ausrichtung wünscht, löscht entweder style
oder weist text-align
den Wert left
zu.
webphp
Coole Sache?
codekicker.de braucht deine Hilfe: Like uns und klicke auf den +1-Button!
PHP-Journal
Das PHP-Journal vermittelt praxisrelevantes Wissen für Entwickler von Web-Applikationen, für Content- und Online-Manager, Agenturen und Webmaster. Neben Praxisartikeln zu Programmiertechniken und Schnittstellen werden im PHP-Journal auch angrenzende Themen wie modernes Webdesign mit AJAX, Aufbau und Betrieb von Web 2.0-Communities und erfolgreiches Online-Marketing zum Beispiel über Suchmaschine-Optimierung behandelt.