Button direkt neben Textfeld

[=Max=]

Hallo,

ich möchte neben einem Textfeld direkt einen Button. Das ganze sieht aber so aus:

Mein HTML-Code so:

           <form id="search" name="search" method="post" action="IRGENDWAS">
            <input type="text" name="stext" maxlength="50" class="stext" id="stext"><input type="submit" name="ssbmt" id="ssbmt" value=" " class="ssbmt">
           </form>

Und CSS so:

.stext
{
    padding: 0px;
    height: 19px;
    width: 132px;
    background-image: url(../images/1109/search.png);
    font-size: 12px;
    color: #BBB;
    border: 0px;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
}

.ssbmt
{
    margin: 0px;
    font-size: 2px;
    background-image: url(../images/1109/search_button.png);
    height: 22px;
    width: 21px;
    border: 0px;
    padding: 0px;
}

Aber ich finde einfach keinen Fehler. Ich habe margin und padding rausgenommen.

Ich hoffe mir kann jemand helfen, warum der so nach unten verschoben ist =)

Danke,
=Max=

 

[Gilles]

merkwürdig
Hab mal ein padding da reingehauen in den button. Daach sah es schon ganz gut aus
Hatte nicht die images deswegen hab ich ne bg color genommen. giuck mal obs so hinkommt

   .stext
{
    padding: 0px;
    height: 22px;
    width: 132px;
    /* background-image: url(../images/1109/search.png); */
    font-size: 12px;
    background-color: #cccccc;
    border: none;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
}

.ssbmt
{
    margin: 0px;
    font-size: 2px;
    /*background-image: url(../images/1109/search_button.png); */
   background-color: #BBBBBB;
    height: 22px;
    width: 21px;
    border: 0px;
    padding-top: 6px;
    padding-left: 4px;
    padding-right: 4px;
}

 

[Ishmael]

Mit line-height wirst du vieleicht was ändern können, aber das ist erstmal nur geraten. Hast du ein Beispiel online, an dem man das Problem nachvollziehen kann? Das wäre bei der Fehlersuche hilfreich.

 

[=Max=]

Habe es nicht online, da das was ich da tue noch nicht gesehen werden soll. Aber das mit dem Padding funktioniert schonmal. Ist vielleicht nicht die eleganteste Lösung aber sie funktioniert!