Déplacer le texte vers le haut?

J'ai cette page et si vous regardez en haut à droite de recherche...j'ai besoin de déplacer le texte de recherche juste au sujet de 2px pour en faire le centre de l'image mais j'ai text-align vertical-align ou le rembourrage ne sont pas à faire ce que je veux, ici, est mon css 

#Search {
background: url("/images/no-letters-search.png") no-repeat scroll 0 0 transparent;
border: medium none;
font-size: 15px;
height: 37px;
left: 31px;
padding-left: 26px;
position: relative;
top: -3px;
width: 175px;
font-family: Helvetica, sans-serif;
}

et voici mon code html

<form id="search_form" method="post" action="/mm5/merchant.mvc?">
 <input type="text" name="Search" id="Search" tabindex="0" />
 <input name="Screen" type="hidden" value="SRCH" />
</form>
  • Ce navigateur s'il vous plaît?
  • firefox 4 sur mac est mon navigateur, mais je suis à la recherche à tous
InformationsquelleAutor Matt Elhotiby | 2011-04-05
  1. 2

    Erm, essayez line-height:18px; - qui pourrait le faire.

    • qui n'a pas fonctionné...je l'ai essayé dans firebug
    • Grand, Firefox. À l'aide de Chrome ici, la hauteur de la ligne travaillé.
    InformationsquelleAutor Lee Kowalkowski
  2. 0

    Comme mentionné ci-dessus, essayez de régler la hauteur de la ligne, à la hauteur de la zone d'entrée qui devrait centre une seule ligne de texte.

    • essayé dans fiebug et de rien
    InformationsquelleAutor omabena
  3. 0

    Le texte est en fait déjà au milieu du champ de saisie. Le problème, c'est votre champ d'entrée est plus grand que l'image réelle que vous avez placé derrière elle, de sorte que visuellement, il ressemble off (techniquement, c'est déjà centré).

    Votre entrée de courant de champ est de 37 pixels de haut, mais parce que le champ de saisie est un modèle de boîte de l'élément avec une bordure (format moyen), votre boîte est en fait autour de 41 pixels de hauteur. Vous devez soit supprimer la bordure ou de réduire la taille du champ de saisie pour quelque chose comme 34px ou 33px.

    Ou vous pouvez simplement réécrire correctement "border: medium none;" pour "border: 0".

    Si rien de cela n'a de sens, je propose d'étudier le modèle de boîte CSS un peu à http://www.w3.org/TR/CSS21/box.html.

    InformationsquelleAutor J. Daniel