HTML Eingabefeld und Submit auf gleicher Höhe platzieren

[Mr. Snoot]

Hio,

kann man irgendwie mit einfachen Mitteln (d.h. ohne Tabellenkonstrukt o.ä.) ein Eingabefeld und einen grafischen Submitbutton auf gleicher Höhe nebeneinander positionieren?

Wenn man die beiden Elemente einfach nebeneinander notiert, dann ist der Button immer paar ein Pixel oberhalb des Eingabefeldes.

<input type="text"><input type="image" src="...">

margin und padding helfen auch nicht; bei einem oberen Außenabstand beim Button rutscht bspw. auch das Eingabefeld nach unten.

 

[martl92]

Versuchs mit einer div und einer bestimmten Höhe z.B. 30px und dann noch line-height auf z.B. 30px setzen.

mfg

 

[Mr. Snoot]

Geht leider auch nicht; der Button wird genau eingegrenzt, aber das Eingabefeld ist paar Pixel nach unten, über das div hinaus, verschoben.

Das sieht in jedem Browser so aus. Selbst wenn jedes Element (form/div/input) padding und margin auf 0 hat.



edit: ein Tipp aus dem SelfHTML-Forum der Abhilfe schafft: vertical-align:top;

 

[QXARE]

Weiss nicht obs mit floaten funktioniert, sonst einfach relativ oder absolut positionieren.