Klausur Hilfe

Status
Nicht offen für weitere Antworten.

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
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;
}
 
Achso ja das hätte ich vielleicht dazu schreiben sollen :)

Und zwar sieht die Datei einfach nicht so aus wie sie aussehen soll. Bei mir sieht das ganze nämlich so aus LINK

Ich habe zur besseren Ansicht mal die mittlere td auch mit dem holz.jpg gefüllt damit man sieht das sie nicht zentriert ist.
Maßangaben zu den TD wurden nämlich nicht gegeben somit müsste das ganze ja auch ohne funktionieren.

Was auch fehlt in der Aufgabenstellung sind margin Angaben da der Text ja nen bischen absteht vom linken holz.jpg balken, jedoch nicht bei mir. Eigentlich weiß ich im großen und ganzen noch nichtmal ob ich überhaupt die richtige tabellen struktur genommen habe. Die Auflistung oben rechts steht auch nicht ganz am Tabellen rand obwohl ich padding auf 0 habe

//edit

ich würde mich freuen falls man das lösen könnte da ich soeben erfahren habe das wir die klasur mittwoch schreiben
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück