28220 sujets

CSS et mise en forme, CSS3

[RESOLU] Probleme Formulaire et Div imbriqués

Bonjours à tous !

Voilà mon problème, j'ai un formulaire dont les different champs ne sont pas dans le meme div pour des raisons de presentation, et j'ai remarqué que cette facon de faire n'etait pas valide (W3C), je suis entrain de faire la refonte de mon site en "CSS+Xhtml sans tableaux" et c'est donc nouveau pour moi Smiley lol

Le code de mon formulaire:

   <div class="class_X">
        <form method="post" action="xxxxxx">
              <p>
                   <textarea name="zzzzzzz" cols="60" rows="5"></textarea>
              </p>
   </div>
   <div class="class_Y">
        // du contenu du contenu du contenu du contenu du contenu
   </div>
   <div class="class_Z">
              <input type="submit" value="Preview" name="previsualise">
              <input type="submit" value="Envoyer" name="envoi">
        </form>
   </div>


Comme vous pouvez le voir le "<form" commence dans un div et le "</form>" est placé" dans un autre div, je pense que mon probleme de validation vient de là, mais dans ce cas comment faire pour avoir la presentation souhaitée ??? Smiley eek

Merci de votre aide car là je bloque vraiment Smiley sweatdrop
Modifié par Lavazzo (15 Sep 2005 - 22:08)
a écrit :
Comme vous pouvez le voir le "<form" commence dans un div et le "</form>" est placé" dans un autre div,
C'est évidemment interdit. Ce que tu écris s'oppose à la production d'un arbre (arbre XML) qui est la base du XHTM.
Par contre ceci devrait répondre à ton problème :
 <form method="post" action="xxxxxx">
 <div class="class_X">
...
</div>
<div class="class_Y">
...
</div>
<div class="class_Z">
...
</div>
</form>
Bonjour,

Il a été prévu une balise spécialisée pour résoudre ce cas : "<fieldset>" (auquel s'associe "<legend>"), que tu peux styler à ta guise en feuille de style.
Grand merci a vous deux !!!
Xavier => le coup de mettre les balise ouvrantes/fermantes en dehors des div ca marche impec Smiley cligne

JCM => Je me penche tout de suite sur le fieldset qui m'a l'air tres interessant et que je ne connaissait pas Smiley lol

Sinon, comme un probleme n'arrive jamais seul, apres avoir fait quelques corrections j'ai egalement pus remarquer que l'attribut name de la balise form n'etait pas autorisé (en XHTML 1.0 strict).
D'où une autre question:

Etant donné que j'utilise un petit bout de javascript qui s'appuie sur le nom de mon formulaire pour s'exectuer, (un petit bout de code pour mieux visualiser la situation ki meme Smiley lol ):
Le formulaire:

<form method="post" name="le_beau_formulaire">
<input type="text" name="un_champ" />
....
</form>

Le bout de javascript:

function insertion(repdeb, repfin) {
  var input = document.forms['le_beau_formulaire'].elements['un_champ'];
...

Comment puis-je faire pour pouvoir utiliser mon script JS si je ne peut plus lui indiquer quel est le formulaire en question (identifier par son nom) ??? Smiley eek Smiley sweatdrop

Merci encore de votre aide Smiley biggrin
J'ai honte ... Smiley confused
C'etait vraiment tout bete en fait, j'ai vraiment du mal chercher pour pas le trouver plus tôt.

Pour ceux qui voudrait savoir, il faut indiquer à la balise <form ...> un "id" au lieu d'un "name", ainsi:

// LE CODE SUIVANT EST INVALIDE !!! 
<form name="formulaire" ...>
// LE CODE SUIVANT EST VALIDE !!!
<form id="formulaire" ...>

C'est surement evident pour pas mal d'entre vous mais comme je debute jsute dans la "Validation|CSSisation|SansTableauisation" ben je savais pas Smiley lol
Sujet clos
Aller à