Meine Grafiken wollen nicht nahtlos kleben

Status
Nicht offen für weitere Antworten.
T

Trelonist

Grünschnabel
Hallo,

Ich mach gerade ein in HTML gefasstes Bild aus 5 einzelteilen.
Ein Großes oben, darunter 3 Kleine und wieder darunter ein Großes.
Mein Problem ist das zwar das erste Teil, der drei Kleinen, nahtlos an das Oberste grenzt aber das der Rest mit Abstand zueinander steht.
Hier ist der HTML Code:
______________________________________________________________________
<html>
<head>
<title>Test</title>
</head>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td>
<img src="01.jpg" width="512" height="237" border="0">
</td>
</tr>
<tr>
<td>
<img src="02.jpg" width="372" height="20" border="0">
<img src="03.jpg" width="8" height="20" border="0">
<img src="04.jpg" width="132" height="20" border="0">
</td>
</tr>
<tr>
<td>
<img src="05.jpg" width="512" height="255" border="0">
</td>
</tr>
</table>
</html>
____________________________________________________________________

Was mach ich falsch? ^^

Trelonist

PS:
Hier noch ein Bild davon:
http://www.geocities.com/trelonist/Bild.jpg
 
Zuletzt bearbeitet:
So auf Anhieb würde ich sagen, dass man zwischen <td> und </td> keinerlei Leerzeichen oder Zeilenumbrüche benutzen sollte. Versuch also mal zumindest in der Tabellenzelle mit den drei Bildern alles in eine Zeile zu schreiben.

Alternativ kannst Du auch die Tabelle so gestalten, dass diese nicht nur drei Zeilen, sondern auch drei Spalten hat, dann gibst Du der ersten und der letzten Zeile bzw. deren Zelle ein colspan über drei Spalten (aber dann würde ich auch die width auf 512 festlegen, sonst kann es auch da etwas verzogen sein):

HTML: 
 <table cellspacing="0" cellpadding="0" width="512" border="0">
  <tr>
   <td colspan="3"><img src="01.jpg" width="512" height="237" border="0"></td>
  </tr>
  <tr>
   <td><img src="02.jpg" width="372" height="20" border="0"></td>
   <td><img src="03.jpg" width="8" height="20" border="0"></td>
   <td><img src="04.jpg" width="132" height="20" border="0"></td>
  </tr>
  <tr>
   <td colspan="3"><img src="05.jpg" width="512" height="255" border="0"></td>
  </tr>
 </table>

Im übrigen stimmt Dein html Aufbau nicht, da fehlt <body> und sonst noch so einiges, siehe dazu auch http://de.selfhtml.org/html/allgemein/grundgeruest.htm
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück