Amr0d
Erfahrenes Mitglied
Ich schreibe in absehbarer Zeit eine Klausur in HTML. Dazu haben wir zum üben eine Probeklausur bekommen mit der ich aber einige Probleme habe wie sich herrausgestellt hat, und da wollte ich mal fragen ob ihr euch das ganze nicht mal anschauen könnt und mir dabei vielleicht helfen könnt.
Ich habe die Klausuraufgabe sowie die original Dateien und meine Dateien mal hochgeladen. Die zip Datei beinhaltet die Aufgabenstellung als Word Dokument und alle relevanten Grafiken.
Alle original Dateien in .zip Format
Folgend nun meine HTML Datei
Zu guter letzt meine CSS Datei
Ich habe die Klausuraufgabe sowie die original Dateien und meine Dateien mal hochgeladen. Die zip Datei beinhaltet die Aufgabenstellung als Word Dokument und alle relevanten Grafiken.
Alle original Dateien in .zip Format
Folgend nun meine HTML Datei
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<meta name="generator" content="Scribe! 2 [http://scribe.de]"><title>Unbenannt</title>
<link rel="stylesheet" type="text/css" href="Layout.css" />
</head>
<body>
<table border="0" cellspacing="0">
<tbody><tr class="zeile1">
<td rowspan="3" class="holztd"><img src="holz.jpg" alt="" border="0" height="6" width="100"></td>
<td>
<div>
<span class="abc">ABC</span> Obst presents:
</div>
</td>
<td class="holztd"><img src="holz.jpg" alt="" border="0" height="6" width="100"></td>
<td>
<ul>
<li><span class="abc">A</span>prikosen</li>
<li><span class="abc">B</span>irnen</li>
<li><span class="abc">c</span>lementinen</li>
</ul>
</td>
<td class="ecke1"><img src="ecke1.gif" alt="" border="0" height="100" width="100"></td>
</tr>
<tr class="zeile2">
<td colspan="4"><img src="obst.jpg" alt="" border="0" height="40" width="700"></td>
</tr>
<tr class="zeile3">
<td>
<div>
<span class="ABC">ABC</span> Dankeschön<br>
für Ihren Besuch in<br>
unserem ObstShop.<br>
Einfach auswählen:
</div>
</td>
<td class="holztd"><img src="holz.jpg" alt="" border="0" height="6" width="100"></td>
<td class="rechts">
<form action="mailto:bestellung@obst-shop.de" method="post">
<input type="radio"> <span class="abc">A</span>nstecknadel<br>
<input type="radio"> <span class="abc">B</span>ierdeckel<br>
<input type="radio"> <span class="abc">C</span>hili-Bohnen<br>
<input value="Bestellen" type="submit">
</form>
</td>
<td class="ecke2"><img src="ecke2.gif" alt="" border="0" height="100" width="100"></td>
</tr>
</tbody></table>
</body></html>
Zu guter letzt meine CSS Datei
Code:
body{
background-color: #ffcc00;
background-image: url(holz.jpg);
background-position: center;
background-repeat: repeat-y;
text-align: center;
}
table{
width: 800px;
height: 440px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
}
td{
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #333300;
padding: 0px;
background-color: #ff9900;
line-height: 24pt;
}
span{
font-family: Arial, Helvetica, sans-serif;
font-size: 22pt;
font-weight: bold;
color: #993300;
}
div{
vertical-align: middle;
}
li{
list-style: square;
}
.holztd{
background-image: url(holz.jpg);
background-repeat: repeat-y;
}
.zeile1{
height: 175px;
}
.zeile2{
height: 40px;
}
.zeile3{
height: 225px;
}
.ecke1{
vertical-align: top;
text-align: right;
}
.ecke2{
vertical-align: bottom;
text-align: right;
}