G. Gohlke: noch einmal <input type="image"> : Mozilla vs. IE

Beitrag lesen

Um die Bilder eines Fotoalbums zunächst in einer Thumbnail-Tabelle darzustellen und dann auf einer PHP-Seite anzeigen zu lassen, habe ich jedes Thumbnail als "image"-Button definiert, daß via <input type="hidden"> einen Wert an die PHP-Seite übermittelt.

Die Thumbnailseite enthält also eine größerer Anzahl verborgene <form actions>. Das funktioniert in Mozilla 1.0 simpel und gut. Nur Netscape 4.7 und IE 5 - 6 haben die eigentümliche Angewohnheit UNTER dem <input type="image"> eine Leerzeile wie nach einer Absatzschaltung einzufügen.

Konkret sieht die HTML-Seite, die die gewünschte Bildnummer an ausgabeseite.php übermittelt, etwa so aus:

<tr>
<td width="136"><form action="ausgabeseite.php" method="post"><input type="hidden" name="bildnummer" value="1"><input type="image" src="thumbnail1.jpg" border="0" height="118" width="136" alt=""></form></td>
<td width="136"><form action="ausgabeseite.php" method="post"><input type="hidden" name="bildnummer" value="2"><input type="image" src="thumbnail2.jpg" border="0" height="118" width="136" alt=""></form></td>
<td width="136"><form action="ausgabeseite.php" method="post"><input type="hidden" name="bildnummer" value="3"><input type="image" src="thumbnail3.jpg" border="0" height="118" width="136" alt=""></form></td>
</tr>

Gibt es eine Möglichkeit, die Layout-zerstörende Lerzeile zu eliminieren oder mache ich sonst einen offensichtlichen Fehler?

Wäre für jede Hilfe dankbar.

Gerrit