Jessica: farbiger Rahmen um Bilder mit Tabellen - rätselhafte Lücken!?

Hallo allerseits,
ich habe folgendes Problem:

Ich habe auf einer Seite anklickbare Vorschaubilder eingefügt und die jeweils in eine Tabelle mit einer Zeile und Spalte gesetzt, damit ich dieser einen mehrfarbigen Rahmen geben kann. Daneben ist noch eine unsichtbare Tabelle, in der Text steht.

-- schnipp --

<!-- Grafiktabelle -->

<table border="1" width="50" bordercolor="#CCFFFF" bordercolorlight="#CCFFFF" bordercolordark="#9966FF" align="left">
  <tr>
    <td>
      <a href="me/costumes/amidala/amidala07.html">
        <img border="0" src="me/costumes/amidala/amidala07_thumb.jpg" width="147" height="230">
      </a>
    </td>
  </tr>
</table>

<!-- Texttabelle -->

<table border="0" width="50%" align="left" cellspacing="0" cellpadding="15">
  <tr>
    <td>
      <p align="left">
       <font color="#99CCFF" size="2" face="Arial">
        My first lavish costume. I began in November 1999 and finished it in March 2000.
       </font>
      </p>
    </td>
  </tr>
</table>

-- schnapp --

Nun ist es so, dass diese Rahmentabelle teilweise höher erscheint, als das Bild darin, obwohl die Angaben zur Größe exakt gleich sind bzw. der height-Tag der Tabelle sogar gar nicht da ist - habe herumprobiert mit verschiedenen Einstellungen, z.B. auch Größendefinition mit CSS, aber es hat nicht geholfen.

Es erscheint zwischen Bild und Tabellenrahmen unten ein Spalt, der da nicht sein soll. Das Problem tritt aber nicht immer auf, sondern nur bei einigen Bildern.
Siehe hier:
http://www.e-v-e-n-t-h-o-r-i-z-o-n.com/me_amidala.html
Aus dem Dokument stammt auch obiger Auszug (da gehört eigentlich noch ein Frameset zu). Ich sehe hier beim ersten Bild besagte Lücke, beim Rest nicht. Ich habe die Quellcode-Abschnitte verglichen und kann nichts entdecken! Es ist ein Rätsel...

Ich benutze zu hause übrigens IE 5.0 und der läuft schon seit einigen Tagen nicht mehr so doll, zeigt z.B. in der Browser-Titelzeile Zeichen an, die definitiv nicht im title-Tag drin sind. Erstellt wurden die Seiten ursprünglich mit einem bekannten WYSIWYG-Editor - Asche über mein Haupt ;-), ich weiss selbst, dass der Quellcode scheußlich aussieht, aber deshalb bearbeite ich den per Hand in einem anderen Quelltext-Editor meist noch gründlich nach.
Aber daran sollte es nicht liegen... Oder?

Weiss jemand Rat? Danke schon einmal!

  1. Hi,

    Nun ist es so, dass diese Rahmentabelle teilweise höher erscheint, als das Bild darin,

    dass Zeilenumbrüche die selbe Bedeutung haben wie ein Leerzeichen hast Du bedacht?

    bzw. der height-Tag der Tabelle sogar gar nicht da ist

    Das ist gut. Für das <table>-Element ist nämlich in HTML/4 überhaupt kein height-Attribut definiert.

    Erstellt wurden die Seiten ursprünglich mit einem bekannten WYSIWYG-Editor - Asche über mein Haupt ;-),

    *streu* ;-)

    Cheatah

    1. Hi,

      dass Zeilenumbrüche die selbe Bedeutung haben wie ein Leerzeichen hast Du bedacht?

      Wo sind denn da Zeilenumbrüche? Im Quelltext vielleicht, aber keine im Browser wirksamen...
      Selbst wenn da ein solcher wäre, würde das nicht erklären, warum das Phänomen nur manchmal auftritt, denn wie gesagt, ich habe die Quelltextabschnitte von betroffenen und nicht betroffenen Stellen verglichen und die sind identisch (mal von unterschiedlichen Größenangaben etc abgesehen).

      bzw. der height-Tag der Tabelle sogar gar nicht da ist

      Das ist gut. Für das <table>-Element ist nämlich in HTML/4 überhaupt kein height-Attribut definiert.

      Das weiss ich, deswegen ist es auch nicht (mehr) drin. Auch wenn der Editor, dessen Name ich nicht nennen möchte ;-), gerne welche da drin haben möchte...
      J e s s i c a ~
      1. Hi,

        Wo sind denn da Zeilenumbrüche? Im Quelltext vielleicht,

        ja.

        aber keine im Browser wirksamen...

        Doch. Sie haben die Wirkung von Leerzeichen.

        Selbst wenn da ein solcher wäre, würde das nicht erklären, warum das Phänomen nur manchmal auftritt,

        Doch - vertrau mir ;-) Wenn für das Leerzeichen noch Platz ist (oder der Browser meint, es sei nur aus Formatierungsgründen da... magisch, magisch!), wird eben nicht umgebrochen.

        Cheatah

        1. Hallo Cheatah!

          Jajaja, Du hattest ja recht! Hab´s gerade ausprobiert und siehe da: nachdem der Zeilenumbruch im Quelltext nach dem </a> raus war, funktioniert´s auch ohne Lücken. ;-) Ist mir zwar immer noch ein Rätsel, aber was soll´s.
          An solchen Tagen liebe ich das Internet, Danke für den Tip! :-)

          ~ J e s s i c a ~