martinli: Abstand zwischen 2 Tabellen auf NULL setzen?

Hallo,

Ich hab folgende kleine Seite programmiert, aber jetzt habe ich zwischen dem Bild und der darunterliegenden Tabelle einen Zwischenraum, den ich aber nicht haben möchte.
Wie mache ich den nun weg??

<body bgcolor="#EDF064">
<table border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="800px"><img src="kopf.gif" width="800" height="100">

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="150px" bgcolor="#F8C4A5"><p>Home</p>
      </td>
    <td width="650px" bgcolor="#BCD568">SEITE</td>
  </tr>

</table>

</td>
  </tr>
</table>

Viele Grüße
Martin

  1. Hallo Martin,

    Ich hab folgende kleine Seite programmiert, aber jetzt habe ich zwischen dem Bild und der darunterliegenden Tabelle einen Zwischenraum, den ich aber nicht haben möchte.

    Wie mache ich den nun weg??

    Die Ursache für den Zwischenraum dürfte in den Leerzeichen und Zeilenumbrüchen liegen.

    Meinst Du nicht, dass Du immensen Aufwand treibst. Zwei ineinander
    verschachtelte Tabellen, nur um in einem ersten Absatz ein Bild,
    im zweiten den Text 'Home' und im dritten den Text 'SEITE' anzuzeigen.

    Das gleiche könntest Du durch drei einfache Absätze (<p>) erreichen,
    die Hintergrundfarbe mit der CSS-Eigenschaft background-color, siehe
    http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_color und die Abstände mit den CSS-Eigenschaften margin und padding beeinflussen,
    siehe http://de.selfhtml.org/css/eigenschaften/randabstand.htm und http://de.selfhtml.org/css/eigenschaften/innenabstand.htm.

    Du hast es viel übersichtlicher und mit CSS kannst Du das Aussehen steuern.

    Freundliche Grüsse,

    Vinzenz

  2. Hallo Martin,
    derzeit schreibst du nach dem Image-Tag diverse Leerzeichen und Umbrüche.
    Wenn du es so machst hast du keinen Abstand mehr:
    <body bgcolor="#EDF064">
    <table border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>
        <td width="800px"><img src="kopf.gif" width="800" height="100"><br><table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="150px" bgcolor="#F8C4A5"><p>Home</p>
          </td>
        <td width="650px" bgcolor="#BCD568">SEITE</td>
      </tr>

    </table>

    </td>
      </tr>
    </table>