Programme von Machern für Macher

Die Grammiweb-Produktreihe hält viele praktische Tools für Webdesigner bereit

Hier klicken und mehr erfahren

Neu: Inspirationen für Webdesigner

Entdecken Sie die schönsten Seiten im Netz

Hier klicken und mehr erfahren

Formularfelder aufpeppen

Formularfelder fügen sich meist recht schlecht in das Gesamtlayout einer Seite ein. Mit ein wenig CSS kann dem entgegengewirkt werden, indem einfach eine Style-Definition an die Felder angehangen wird.

Zum Beispiel können Eingabefelder auch vollkommen versteckt werden (was allerdings nicht unbedingt der Benutzerfreundlichkeit entgegenkommt):

Eine Alternative wäre, die dröge wirkenden grauen Einheitsrahmen an die eigene Farbgebung anzupassen, zum Beispiel mit einem Rahmen von einem Pixel Breite:

Oder entfernen Sie den Rahmen doch komplett und färben Sie stattdessen das komplette Feld ein:

Die Quellcodes:

<input type="text" name="eingabe" value="Bitte Text eingeben" style="border: 0px">

<input type="text" name="eingabe" value="Bitte Text eingeben" style="border: 1px dotted #333333">

<input type="text" name="eingabe" value="Bitte Text eingeben" style="border: 0px; background-color: #333333; color: #FFFFFF">


Zurück zum Inhaltsverzeichnis

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 04.02.2012
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt