Formulare schnell und einfach selbst erstellen und gestalten

 
Grundlagen: CSS-Styling
 
3. CSS-Anweisungen

Als erstes wird eine Klasse für das jeweilige Element erstellt. Wenn alle Formatierungen gleich sind, reicht eine Klasse. Sollen die Elemente unterschiedlich in Farbe, Größe usw. sein, erstellen Sie für jede Formatierung eine extra Klasse.

.textfeld1 {
 -- hier werden die Eigenschaften definiert --
 }

die wichtigsten Eigenschaften von Textfeldern

color: = Schriftfarbe
font-family: = Schriftart
font-size: = Schriftgröße
border: = Rahmen (Stärke in Pixel, Style, Farbe)
background-color: = Hintergrundfarbe des Feldes
oder background: url(dateiname) = Hintergrundgrafik
width: = Breite des Feldes
height: = Höhe des Feldes
cursor: = Mauszeiger bei Buttons (im Beispiel auf der vorigen Seite: pointer = Hand)

Code: zwischen <head> und </head>
<style type="text/css">
<!--
.textfeld1 {
  color:#000000;
  font-family:Arial;
  font-size:10pt;
  border: 1px solid #666666;
  background-color: #DFDFDF;
  width:300px;
  height:20px;
  }
-->
</style>


Im Formular wird nun dem entsprechenden Textfeld die Klasse zugewiesen:

Code: zwischen <form> und </form>
<FORM ACTION="datei.php" METHOD="post">
<TABLE width=400 border=0 cellpadding=0 cellspacing=0>
<TR height=24>
<TD width=150>Nachame:</TD>
<TD width=250><INPUT TYPE="text" NAME="nachname" CLASS="textfeld1" VALUE=""></TD>
</TR>
</TABLE>
</FORM>
 
 
[1] [2] [3] [4] [5] 
 
 
 
© 2008 http://www.formularscript.de 

Warning: mysql_connect(): Access denied for user 'root'@'localhost' (using password: YES) in /var/www/htdocs/ddweb17/html/include/footer.php on line 84
Could not connect