Hallo Leute,

ich möchte auf meiner Seite eine Suche einbauen, dafür verwende ich ein Textfeld. Direkt rechts neben diesem Textfeld soll ein Button sein, mit dem man die Suche starten kann.

Den Button habe ich mit css verändert damit nur noch ein grüner Pfeil zu sehen ist.

Mein Problem ist nun, dass ich es nicht schaffe, diesen grünen Pfeil vertikal am Textfeld zu zentrieren. Je nach Browser wird mir der Pfeil nach oben oder unten verschoben. Meist passts im Firefox und Safari, dafür wird der Pfeil vielleicht 1-2 pixel zu weit oben beim IE angezeigt.

Hab schon einiges versucht mit vertical-align und hab mich mit den padding Einstellungen gespielt. Aber in allen drei Browsern bekomme ich es einfach nicht zentriert

Hat von euch vielleicht jemand einen Tipp wie man das machen kann?

Danke schön.
LG;
RB

hallo

ich würde die Grafik mit dem GO Button (oder Pfeil) als Hintergrundgrafik
in den entsprechenden Container packen und SUBMIT mit ner Class versehen, die etwa so aussehen würde:

background:url("../images/trans.gif") top left no-repeat;
border:0;
outline:none;


Entsprechende Positionen mit Margin & Padding - fertig.

Evtl leichte Abweichungen von 1 oder 2px im IE fallen da nicht auf.....


Gruss Henrik