formularfeld: image (submit) plazieren

[björn]

hi zusammen!

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.

grüßle björn

[Johannes]

Hi björn

auf die gleiche höhe wie das text-eingabefeld setzen kann.

Ich würde das valign-Attribut verwenden um den gesamten Inhalt der Zelle auszurichten oder die CSS-entsprechung in die Klasse news_spalte einfügen.

MfG

Johannes

[björn]

hallo johannes!

Ich würde das valign-Attribut verwenden um den gesamten Inhalt der Zelle auszurichten oder die CSS-entsprechung in die Klasse news_spalte einfügen.

erstmal danke, aber dass habe ich schon versucht...

gruß
björn

[björn]

kann ich vielleicht irgendwie mit hspace bzw vspace arbeiten?
wenn es so funktionieren könnte dann weiß ich nur nicht wie ich es in diesem fall einbinden muss.
grüßle björn

[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