Webseitenbau
Home
Site/Index
 
Web Webseitenbau
Google English français  
⬆4. 8. 8 Druckknöpfe

4.8.8 Druckknöpfe (Buttons)

Technik

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Formularbox

    

Anwendung

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Radio Button

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Checkboxen

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Klick Buttons

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Absenden & Verwerfen

-

1 Allgemein

Prinzip

-

2 Stylesheet für Labels label class="clickbox"

Formatierung

Stylesheet

Beispiel

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

-

3 Stylesheet für die Druckknöpfe input class="clickbox"

Formatierung

Stylesheet

Beispiel

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

br {
 clear: left;
{ 

-

4 Stylesheet für Druckknöpfe "Absenden" und "Verwerfen"

Pfeil nach rechts (Icon)
      120 x 120 Pixel Formulare: Absenden & Verwerfen

-

5 Grundlagen-Websites & Workshops