HTML+CSS
Verfasst: Sa Okt 03, 2009 5:39 pm
Hallo,
Ich habe wieder ein Problem und zwar im HTML+CSS Bereich.
Ich bin gerade in der Lage nicht zwei HTML+CSS Datei zu verstehen.
(Habe leider im Unterricht nicht gut aufgepasst
)
Ich muss am Montag in der Lage die zwei HTML+CSS Dateien zu verstehen.
Deswegen bitte ich euch die Quellcods zu erklären sonst versaue ich meine Note.
Erste HTML:
Erste CSS Datei:
+
Ich verstehe nur den Inhalt der CSS Dateien mit dem man den Layout bestimmt padding color margin sind mir bekannt aber die HTML Datei Befehle mach mir angst.
Die Zwei HTML+CSS Dateien sollen Kontaktformulare darstellen.
Wie gesagt ich muss es am Montag erklären können.
Ich bitte um Hilfe und danke im voraus.
Ich habe wieder ein Problem und zwar im HTML+CSS Bereich.
Ich bin gerade in der Lage nicht zwei HTML+CSS Datei zu verstehen.
(Habe leider im Unterricht nicht gut aufgepasst
)Ich muss am Montag in der Lage die zwei HTML+CSS Dateien zu verstehen.
Deswegen bitte ich euch die Quellcods zu erklären sonst versaue ich meine Note.
Erste HTML:
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css kontaktformular</title>
<link href="kontaktformular1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<fieldset>
<legend>Bitte geben Sie Ihre Kontaktdaten an</legend>
<p><label for="name">Name:</label>
<input type="text" name="name" id="name" /></p>
<p><label for="vorname">Vorname:</label>
<input type="text" name="vorname" id="vorname" /></p>
<p><label for="straße">Straße:</label>
<input type="text" name="straße" id="straße" />
<label for="straße">Nummer: </label>
<input type="text" name="nummer" id="nummer" /></p>
<p><label for="postleitzahl">PLZ:</label>
<input type="text" name="postleitzahl" id="postleitzahl" />
<label for="ort">Ort: </label>
<input type="text" name="ort" id="ort" /></p>
<p><label for="nachricht">Ihre Nachricht:<br /></label>
<textarea name="nachricht" id="nachricht"></textarea>
</p>
<p><input type="submit" name="senden" id="senden" value="Senden" class="button" />
<input type="reset" name="löschen" id="löschen" value="Löschen" class="button" /></p>
</fieldset>
</form>
</body>
</html>
Code: Alles auswählen
body, input { font-size: 1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: white;
}
form p { clear: left;
float: left;
width: 100%;
margin: 2px 2px 2px 0;
padding: 2px;
}
form { font-size: 0.9em;
line-height: 120%;
width: 30em;
margin: 1em;
padding: 1em;
}
fieldset { margin: 0;
padding: 0 0 10px;
border: solid 2px maroon;
}
legend { color: maroon;
font-size: 1em;
margin: 3px;
padding: 3px;
}
.button { font-size: 0.9em;
background-image: url(button.gif);
background-repeat: no-repeat;
background-attachment: scroll;
width: 70px;
height: 30px;
margin: 5px;
cursor:pointer;
}
input { width: 10em;
float: left;
margin: 3px;
padding: 2px;
border: solid 1px silver;
display: block;
}
#straße { }
#nummer { width: 3em; }
#ort { }
#postleitzahl { width: 3em; }
#name { }
#nachricht { width: 250px;
height: 100px;
margin-left: 20px;
Code: Alles auswählen
Zweite HTML:
<div class="formbox">
<form action="...">
<div class="reihe">
<span class="label">Name:</span>
<span class="feld"><input type="text" class="defbreite"
size="30" /></span>
</div>
<div class="reihe">
<span class="label">E-Mail:</span>
<span class="feld"><input type="text" class="defbreite"
size="30" /></span>
</div>
<div class="reihe">
<span class="label">Interessen:</span>
<span class="feld">
<textarea class="defbreite" cols="30" rows="8">
Welche Themen interessieren Sie besonders?
</textarea>
</span>
</div>
<div class="reihe">
<span class="label"> </span>
<span class="feld"><br />
<input type="radio" name="abo" value="rein"
checked="checked" /> bestellen<br />
<input type="radio" name="abo" value="raus" /> abbestellen
</span>
</div>
<div class="knopf">
<input type="submit" value="und ab damit" />
</div>
</form>
</div>
Code: Alles auswählen
Zweite CSS:
.formbox {
width: 400px;
color: #000;
background-color: #cc9;
border: 1px solid #666;
}
.reihe {
clear: both;
padding: 2px 0px;
}
.label {
float: left;
width: 100px;
text-align: right;
padding-top: 3px;
padding-right: 5px;
}
.feld {
float: right;
width: 300px;
text-align: left;
}
.knopf {
clear: both;
text-align: center;
padding-top: 15px;
padding-bottom: 30px;
}
.defbreite {
width: 260px;
}
Ich verstehe nur den Inhalt der CSS Dateien mit dem man den Layout bestimmt padding color margin sind mir bekannt aber die HTML Datei Befehle mach mir angst.
Die Zwei HTML+CSS Dateien sollen Kontaktformulare darstellen.
Wie gesagt ich muss es am Montag erklären können.
Ich bitte um Hilfe und danke im voraus.
