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