nicht angemeldet
Eingabefeld und Submit (Grafik) nebeneinander
Hi,
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.
Wenn man die beiden Elemente in ein div packt, das genauso hoch ist wie der Button bzw. das Eingabefeld, dann rutscht das Eingabefeld immer ein paar Pixel über das div nach unten hinaus; der Button liegt genau im div.
-
Du könntest beispielsweise eines der Elemente verschieben, indem du
position:relative;top:(+-soviele Pixel wie nötig)px; benützt.Gruss
-
eine zweite Möglichkeit findest du hier:
<http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align@title=Ausrichtung mit vertical-align>
Gruss
-
<http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align@title=Ausrichtung mit vertical-align>
Danke, das scheint zu funktionieren.
-