Page 1 sur 1

disposition des formulaires

Posté : 30 déc. 2005, 11:48
par pat
Bonjour,

Je voudrais savoir si il est possible de controler l'espacement entre formulaire.
Je m'explique si je crée un tableau de 2 lignes avec chaques lignes comprenant un formulaire avec un champs texte lorsque je les visualise sur ie mes 2 champs textes ce sont éloignés l'un de l'autre.
Comment y remedier

Merci

Posté : 30 déc. 2005, 12:23
par Cyrano
À priori je dirais qu'on peut régler ça avec un style CSS. Mais il faudrait voir le code.

Et au passage, comme ça n'a pas de rapport direct avec PHP, je déménage le sujet dans le forum plus approprié.

Posté : 30 déc. 2005, 13:23
par pat
Bonjour,

Voilà un exemple de code les 2 champs textes devraient être collés l'un en dessous de l'autre mais sous ie ils sont décallés d'une 10 aines de pixels

Code : Tout sélectionner

<html> <head> <title>Document sans titre</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td><form name="form1" method="post" action=""> <input type="text" name="textfield"> </form></td> </tr> <tr> <td><form name="form2" method="post" action=""> <input type="text" name="textfield2"> </form></td> </tr> </table> </body> </html>

Posté : 30 déc. 2005, 14:31
par Cyrano
Alors c'est bien ça: un style CSS fera très bien l'affaire :
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!-- 
/* on supprime par CSS les marges des cellules */
table {
    width: 200px;
    border-collapse: collapse
}
/* On supprime les marges extérieures des formulaires */
form {
    margin: 0;
}
 -->
</style>
</head>
<body>
<table>
  <tr>
    <td>
      <form name="form1" method="post" action="">
        <input type="text" name="textfield">
      </form>
    </td>
  </tr>
  <tr>
    <td>
      <form name="form2" method="post" action="">
        <input type="text" name="textfield2">
      </form>
    </td>
  </tr>
</table>
</body>
</html>

Posté : 30 déc. 2005, 14:39
par pat
Merci
ça Marche :lol:
Bon reveillon