Formulaire en CSS

Version imprimable

Formulaire en CSS

Bonjour,

J'ai quelque petit soucis avec ceci :
Code:

1 2 3 4 5 6 7 8 9 10 <div id="result" style="display:none;"> <tr> <td><span>Votre question secrète : </span></td> <td><input type="text" name="questSecrete" id="questSecrete" value="" class="validate[]"/></td> </tr> <tr> <td><span><label for="repSecrete">Votre réponse ? </span></td> <td><input type="password" name="repSecrete" id="repSecrete" value="" class="validate[required]"/></label></td> </tr> </div>
j'aimerrais tout simplement que ma div result soit tout simplement en display nonn et cela ne marche pas

Je précise qu'avant tout ça j'ai :
Code:

1 2 3 4 5 <div id="corps_mid_accueil"> <form> <FIELDSET> <LEGEND> <table>
et là le code que j'ai mis au début.

Il me semble que dans un tableau la div doit prendre :
style="display : table-row;" pour faire du block mais pour faire du none c'est quoi !!!!???

merci par avance

25/11/2011, 12h23
Malinaka

Bonjour
As tu verifié l'heritage de ta div? Dans ce cas un '!important' pourrait régler le problème ;)
25/11/2011, 12h55
kOrt3x

Tu as testé ce code sous quel navigateur ?
25/11/2011, 14h24
Bovino

La structure d'une table HTML ne permet tout simplement pas ce genre de bricolage !
Le balisage HTML hors celui de la structure de la table n'est autorisé que dans les balises <td> voire <th>.

EDIT :

Citation:

Il me semble que dans un tableau la div doit prendre :
style="display : table-row;" pour faire du block

:no:
25/11/2011, 14h31
cragoroth

Merci pour vos réponses:

pour répondre à tous le monde, j'ai testé sous FireFox ou quand même une grande majorité du code fonctionne.
Je ne vois pas du tout ce qu'est le "!important"

comment tu utilse ceci, tu as un exemple avec mon code tant qu'à faire....

sinon qu'elle pourrait être la solution à ce problème.

J'ai un formulaire avec un champ de saisie d'adresse mail.

Si l'adresse mail est dans la base de données, j'affiche la div caché avec 2 autres champs en dessous de l'adresse mail.

C'est possible avec cette histoire d'héritage mais comment ?

merci pour les réponses

Dans ce cas tu fais:
Code:

1 2 3 4 5 6 <tr> <td> <div id="result">......</div> </td> </tr>

Bon voila la solution :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<table>
     <tr>
   <td><span><label for="login">Votre @-mail : </span></td>
		   <td><input type="text" name="var0" id="var0" value="" class="validate[required,custom[email]]"/></label></td>
           <td><input name="homonyme" type="button" id="homonyme" value="test_homonyme" onclick="doRequest()"/></td>
		<br>
     </tr>
     <tr>
         <td>
             <div id="result" style="display:none">
                     <table>
                         <tr>
        				       <td><span>Votre question secrète : </span></td>
                    		   <td><input type="text" name="questSecrete" id="questSecrete" value="" class="validate[]"/></td>
                         </tr>
                         <tr>
        				       <td><span><label for="repSecrete">Votre réponse ? </span></td>
                    		   <td><input type="password" name="repSecrete" id="repSecrete" value="" class="validate[required]"/></label></td>
                         </tr>
                     </table>
             </div>
         </td>
     </tr>
</table>

il faut simplement déclarer un tableau dans la div pour que ca marche, sans les balise table dans la div, cela ne marche pas...

Merci pour la réponse