Bonjour à tous,

j'ai un problème d'alignement avec un formulaire.
J'ai fixé une taille de 200px pour les cases de saisie à menu déroulant.
Le fond de la cellule où il y a le formulaire contient un dégradé fait en CSS (une couleur différente par boite de saisie).
Pour les cases de saisie (à taille limité, genre 4 pour une date) ça ne fait pas beau car elle est toute petite comparée aux autres.
Du coup, j'ai crée une image à la taille des boites de saisie avec un texte (date par ex).
Mais quand je mets cette image (découpée au pixel près pour que taille image+boite saisie =200px) l'image apparaît deux pixels au dessus de la boite de saisie.

Que faire pour que tout soit aligné?

Merci par avance.


LE CODE du formulaire : (une boite de saisie a menu déroulant puis la boite de saisie précédée d'une image)

<tr>
<td align="center"><form name="utilitaire" method="post">
   <table cellspacing="0" cellpadding="0" width="240" border="0">
   <tr>
      <td class="dégradé en CSS" align="center">
      <select name="blahblah" id="1" style="width:200px">
      <option value="boite">BLAH BLAH</option>
      <option value="auto">BLAH BLAH 2</option>
      </select>
      </td>
   </tr>
   <tr>
                <td align="center"><img src="images de 165 de long, même hauteur que la boite"><input name="boite input" type="text" maxlength="4" style="width:35px"></td>
   </tr>
</form>
</td>
</tr>

Bonjour,

en fait tu veux descendre ton image de deux pixels pour qu'elle s'aligne avec la zone de saisie!

dans ce cas, dans ta feuille de style, pour .f6 et .f8 tu précises:

padding-top:2px;

si cela ne marche pas parce que la zone de saisie se décale également, fais une classe pour tes images .image par exemple et dans ta feuille de style:

.image {
margin-top:2px;
          }