Alfred: Anfängerfrage bei Formularen!

Beitrag lesen

Ich gebe dir mal ein Beispiel:

<html>
<head>
<title></title>
<link  type="text/css" rel="stylesheet" href="format.css" />
</head>
<body>
<form width="800px" action="http://www.jchanke.de/php/test.php" method="post">
<div id="navigation"> navi</div>

<div id="wrapper">wrapper
<div id="bereich1"><h1>Produkt bestellen!</h1><br/> Das Produkt kostet EUR 75,-, die Versandkosten betragen EUR 12,-.<hl></div>
<div id="bereich2">
Ich bestelle verbindlich <input name="stueckzahl" type="text" size="1"/> Stück des Produkts
<p><input name="aufpreis" type="checkbox" size="1"/> Expresslieferung (20 EUR Aufpreis)</p>

<br></div>  
<div id="bereich3">  
Anrede:<input name="Anrede" type="text" /><br/>  
Vorname:<input name="Vorname" type="text" /><br/>  
Nachname:<input name="Nachname" type="text" /><br/>  
Kundennummer:<input name="Kundennummer" type="text" /><br/>  
E-Mail-Adresse:<input name="email" type="text" /><br/><br/>  
<input name="email" type="reset" value="Formular leeren" />  
<input name="abschicken" type="submit" value="Daten abschicken" />  

</div>  

</div>

</form>  

</body>
</html>

CSS:

* {
padding: 0px;
margin: 0px;
}

#navigation{
width: 800px;
height: 20px;
background-color:red;

}

#wrapper{
width: 800px;
height: 800px;
background-color:pink;
}

#bereich1{
width: 780px;
height: 200px;
background-color:yellow;
}

#bereich2{
width: 780px;
height: 200px;
background-color: green;
}

#bereich3{
width: 780px;
height: 200px;
background-color: grey;
}