noch einmal <input type="image"> : Mozilla vs. IE
G. Gohlke
- browser
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
Hallo,
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.
Gibt es eine Möglichkeit, die Layout-zerstörende Lerzeile zu eliminieren oder mache ich sonst einen offensichtlichen Fehler?
style="margin-bottom:0;" in der Form erledigt das.
Aber wozu machst Du aus jedem einzelnen Bild eine eigene Form?
Mach eine Form, geb den Bildern unterschiedliche Namen und werte im PHP-Script aus, welcher Button gedrückt wurde.
Dann wird die Seite ganz wesentlich kleiner (weil statt n form-Elementen nur 1 vorkommt).
Andreas
Gibt es eine Möglichkeit, die Layout-zerstörende Lerzeile zu eliminieren oder mache ich sonst einen offensichtlichen Fehler?
style="margin-bottom:0;" in der Form erledigt das.
Merkwürdig, ändert bei mir nichts.
Falls jemand Lust hat, mir auf die Sprünge zu helfen, habe ich einen Auszug meiner Problemseite auf http://www.gerritgohlke.de/temp/index04_test.html gestellt.
Man kann's ausprobieren. Mozilla 1.0 macht's, der IE (6.0) zeigt einen zeilenhohen Rand unter dem Bild, wenn es als Formularbutton benutzt wird. Sonst nicht.
Ratlose Grüße
Gerrit