Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: AZAGHTOT le le 27-08-2004 a 16:43:37

Titre: [REGLE] PB alignement image dans formulaire
Posté par: AZAGHTOT le le 27-08-2004 a 16:43:37

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>

Titre: Re:PB alignement image dans formulaire
Posté par: willy le le 27-08-2004 a 16:56:40

Bonjour,

ton code n'est pas assez complet pour que l'on puisse se rendre compte du blem,
Peux tu mettre en ligne avec l'image de fond que l'on puisse se rendre compte :)

Titre: Re:PB alignement image dans formulaire
Posté par: willy le le 31-08-2004 a 12:46:54

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;
}


:)

Titre: Re:PB alignement image dans formulaire
Posté par: AZAGHTOT le le 31-08-2004 a 14:34:01

Ca ne fonctionne pas, en revanche, j'ai crée une table pour diviser la cellule en 2 colones, ça s'aligne tout seul !

Merci...

;)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.