Probleme de formulaire avec un tableau

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Probleme de formulaire avec un tableau

par bins007 » 19 févr. 2006, 15:39

Merci ça a marché

par charabia » 19 févr. 2006, 14:41

charabia, je suis au regret de devoir te taper sur les doigts :langue: ton code est invalide : on ne doit rien inscrire entre une balise <table> et une balise <tr>, pas plus qu'entre </tr> et </table>

Il faut considérer le tableau comme un tout incluantant les <tr> et les <td> : on ne peut rien insérer en dehors des balises <td>
Aiieeeeeeuuuhhh :roll:
Autant pour moi ! Le <form> en dehors du tableau règle le problème aussi

par Cyrano » 19 févr. 2006, 14:17

Le problème, ce ne sont pas les classes, c'est ceci:

<table cellpadding="0" cellspacing="0" style="border: #111111 solid 1px; width: 144px;">
<form method="POST" action="">
<tr>

La balise <form> n'a strictement rien à faire ici : elle doit être en dehors du tableau donc avant la balise <table> ou bien à l'intérieur d'une cellule <td> à la condition expresse que le formulaire dans une cellule soit complet et que la balise de fermeture </form> soit impérativement dans la même cellule : cette condition est obligatoire pour la conformité du code (X)HTML toutes versions

par agité » 19 févr. 2006, 13:21

pourtant je definis mes classe dans les td par exemple comme il est expliquer dans le menu deroulant de ALSA creation.

J'ai pris cette habitude de definir les class de cette manière ...

par Cyrano » 19 févr. 2006, 12:59

charabia, je suis au regret de devoir te taper sur les doigts :langue: ton code est invalide : on ne doit rien inscrire entre une balise <table> et une balise <tr>, pas plus qu'entre </tr> et </table>

Il faut considérer le tableau comme un tout incluantant les <tr> et les <td> : on ne peut rien insérer en dehors des balises <td>

par charabia » 19 févr. 2006, 12:33

Code : Tout sélectionner

<table cellpadding="0" cellspacing="0" style="border: #111111 solid 1px; width: 144px;"> <form method="POST" action=""> <tr> <td align="center"><input type="text" name="T1" size="20"><br /><input type="submit" value="Envoyer" name="B1"></td> </tr> </form> </table>
Edit : si tu veux garder ton tableau, mais la solution de Cyrano en CSS pure est conseillée ;)

par Cyrano » 19 févr. 2006, 12:32

Proposition : tu peux parfaitement mettre ça en forme non seulement sans cette marge supplémentaire inutile, mais également sans utiliser de tableau en utilisant un style CSS.
Le code HTML
<form id="form" method="POST" action="">
  <p>
    <input type="text" name="T1" id="T1" size="20" /><input type="submit" value="Envoyer" name="B1" />
  </p>
</form>
Le style CSS

Code : Tout sélectionner

<style type="text/css"> /* <![CDATA[ */ #form { width: 144px; border: 1px solid #000; position: relative; top: 0; left: 50%; margin-left: -72px; } /* ]]> */ </style>
La différence ? j'ai viré le tableau et rajouté un attribut id dans labalise <form> : ensuite, je traite l'élément formulaire comme un bloc en le positionnant, en lui donnant des dimensions et en le centrant avec le style CSS approprié.

C'est plus rapide et beaucoup plus facile par la suite de faire une refonte de mise en page en ne modifiant que la feuille de style sans même ouvrir le fichier HTML.

par agité » 19 févr. 2006, 12:12

ta mis un height 60 peut être qu'en reduisant sa pourrait marcher ?

essaye de changer les tailles et les width peut être !

je passais juste dans le coin :roll:

par bins007 » 19 févr. 2006, 11:40

Désolé voilà le code :

Code : Tout sélectionner

<div align="center"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="144" height="60"> <tr> <td width="144" height="60"> <form method="POST" action=""> <p align="center"> <input type="text" name="T1" size="20"><input type="submit" value="Envoyer" name="B1"></p> </form> </td> </tr> </table> </div>
L'espace blanc apparait bizarrement, comment l'enlever ?

par albat » 19 févr. 2006, 10:59

Prendre une gomme ? :langue:

Désolé, mais je trouve aberrant qu'on demande de l'aide
sur un bug dans le code... sans montrer le code ! #-o

Comment veux-tu qu'on t'aide ? :roll:

Probleme de formulaire avec un tableau

par bins007 » 19 févr. 2006, 08:03

Bonjour,

J'ai fait un tableau, dedans j'ai mis un formulaire avec un champ de texte et un bouton "Envoyer"

Mais le probleme c'est que apres le formulaire il y'a un espace d'environ 10 pixels avant la bordure de bas du tableau

Voilà une image pour expliquer :

Image

Comment faire pour enlever l'espace ?