4.6.3 Stylesheet des Formulars

a) Das Stylesheet für Formulare dieser Website

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

• Stylesheet: /styles/formular.css

b) Anzeige einiger Einträge im Stylesheet

/*Blaues Formular für Beispiele, Kontakt 
und Gästebuch*/
form.formular { 
  background:#CCEEFF; 
  border:thin solid #6666FF;
  margin:0;
  padding:0 1em 1em 1em;
}

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

/*Label für Radio-Buttons und Checkbox*/   
label.clickbox {           
  display:block;
  float:left; /*Die Beschriftung "floatet" links*/
  clear:both;
  margin-top:4px; 
  padding-right:1em; /*Abstand rechts*/
  text-align:right; /*Beschriftung*/
  width:9em; /*links der Mittellinie*/ 
}

*Ohne Radio-Butons und Checkbox*/   
input, textarea { /
  margin-top:4px;  
  vertical-align:middle;
  font-size:1em;
  font-family:monospace;
  width:auto;
}

*Input für Radio-Buttons und Checkbox*/ 
input.clickbox { /  
  padding-top:4px;
  width:auto;
}

/*type= wird vom IE6 nicht verstanden*/
/*(wird aber trotzdem angewendet)*/
input[type=submit], input[type=reset], 
input[type=button] {
  padding:1px 3px;
  font-size:1em;
  font-family:sans-serif;
}

select {            
  margin-top:4px;
  font-size:1em;
  font-family:monospace;
}

legend {            
  font-weight:bold;
}

/*Elemente, die nicht "floaten" sollen*/
.nofloat  {
  float:none;
  text-align:left;
}

br {
 clear: left;
{ 

↑