formularfeld: image (submit) plazieren

[Axel Richter]

Hallo,

ich wollte euch mal frage´n, ob ihr mir sagen könnt wie ich auf
http://www.vauk-service.de/1024x768.html den "senden"-knopf
(<input type="image" src="...">)
auf die gleiche höhe wie das text-eingabefeld setzen kann.

Der Höhenunterschied entsteht dadurch, dass das Bild als Inline-Element auf der Text-Grundlinie dargestellt wird, das Input-Textfeld, eigentlich auch ein Inline-Element, allerdings nicht. Meiner Meinung nach, ist letzteres eine Fehlinterpretation der Browser. Du kannst nur versuchen mit display:block; oder float:xxx; herumzutricksen. Etwa so:

<table border="1">
<tr>
 <td><form action="" method="" target=""><input type="Text" name="text" value="" size="" maxlength="" style="float:left;"><input type="Image" src="senden.gif" alt="Senden" style="width:100px; height:21px; float:left; margin-left:5px;">
</form></td>
</tr>
</table>

viele Grüße

Axel