Tutorials von Thomas Frei-Herrmann





CSS - Klassen für Formular-Felder oder Senden-Button


Hier die Erklärung zu den CSS-Formatierungen von diesem Formular.


Zunächst habe ich meine CSS-Klassen selber geschrieben und in der “Design-Ansicht” in den “CSS-Code” rein kopiert (Bild unten) ...

... dann habe ich die beiden Klassen (im Bild oben) für meine Felder “Vorname” und “Name” verwendet,
wobei ich die Klasse “.redfield” in der Überprüfung dieser beiden Felder auf Inhalt angegeben habe.

Diese Klassen habe ich ebenso bei den “Eingabefeldern” wie auch bei meinem “Senden” Button
(Bild unten) bei der Option der CSS-Klassenwahl “Design:” angegeben.

Unten noch die von mir erstellte Klasse “.searchButton” für meinen eigenen Senden-Button.

.searchButton {
   font-size: 11px;
   color: rgb(0,0,0);
   font-weight: normal;
   font-style: normal;
   background-color: rgb(228,228,228);
   border: 1px solid rgb(87,102,117);
   width: 70px;
}

Für den rotierenden Button (mail.gif) in meinem Formular habe ich einen eigen Code erstellt, den ich wie unten im Bild zu sehen in die HTML eines Textfeldes kopiert habe. Hier der Code:

<input type="image" src="../assets/images/mail.gif" alt="Absenden" id="sendenbutton" name="SendenButton" style="height: 40px; width: 120px;">
CSS-Klasse-Bild

zu diesem Formular

nach oben

diese Seite weiter empfehlen



Counter Statistik