4.14.4 Stylesheet des Formulars formular.css

• 1 Allgemein
• 2 Das Stylesheet des Formulars

-

⇧ 1 Allgemein

Prinzip

• Die Formatierung erfolgt tabellenlos mit einem Stylesheet.

Ordner und Dateiname

• Die Stylesheetangaben befinden sich in einer separaten Datei im Ordner "styles".

• Stylesheet: ../../styles/formular.css.php

Bemerkung zur Darstellung im Internet Explorer

• .input[type=submit], input[type=reset], input[type=button] {...} Dies wird von IE nicht verstanden, so dass die Druckknöpfe im IE nicht richtig formatiert werden (tant pis).

-

⇧ 2 Das Stylesheet des Formulars

form { 
  clear:left;
  background:#CCEEFF; 
  border:thin solid #6666FF;
  margin:0;
  padding:0 1em 1em 1em;
}

label {              
  display:block;
  float:left; /*Die Beschriftung "floatet" links*/
  margin-top:4px;  
  padding-right:1em; /*Abstand rechts der Beschriftung*/
  width:9em; /*Breite links der Mittellinie*/
  text-align:right; /*Beschriftung nach rechts ausgerichtet*/ 
}

input, textarea {
  margin-top:4px;  
  padding:0;
  vertical-align:middle;
  font-size:1em;
  font-family:monospace;
  width:auto;
}

.input[type=submit], input[type=reset], input[type=button] {
  padding:1px 3px;
  font-size:1em;
  font-family:sans-serif;
}

↑