Discussion :

[van-bom]

Bonjour,
j'essaie de réaliser un site conforme aux règles w3c pour le XHTML 1.0 Strict, et j'ai réussie à valider, sauf il me reste 2 erreurs du même types que je comprend pas .

le message d'erreur est :
document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag.

voici le code XHTML où l'erreur est trouvée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
		<div class="recherche-tuto">
			Recherche dans les tutoriels<br />
			<form id="frm" method="post" action="" enctype="application/x-www-form-urlencoded">
			<input type="text" name="recherche-tuto" id="txt-recherche" />
			<input type="submit" name="ok" value="&nbsp;&nbsp;Ok&nbsp;&nbsp;" />
			</form>
		 </div>

et voici le code CSS associé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
.recherche-tuto{ float:right; 
width:276px; height:51px; margin:0; 
padding-left:10px; padding-top:5px; 
font-weight:bold; font-size:12px;
 color:#838383; background:url(images/recherche-tuto.jpg) no-repeat;}
 
#frm{ display:inline; height:20px;}
 
#txt-recherche{ width:170px;  }

[NikoGJ]

Le problème vient du fait que tes balises input ne doivent pas être directement dans la balise form, il faut les englober dans un conteneur, par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<form>
    <p>
       <input ../>
    </p>
</form>

Ici c'est un paragraphe, mais tu peut utiliser une table, un fieldset, une div... tous les choix possibles sont marqués dans ton message d'erreur ^^

[Erwan31]

Bonjour,
ok c'est une erreur très fréquente qui revient souvent sur le tapis.

Les éléments form ne peuvent avoir comme enfant direct que des élements de niveau block, le plus souvent un <p> ou un fieldset suffisent.

[van-bom]

Bonjour,

vous avez raison, souvent j'arrange les champs du formulaire dans un tableau , cette fois je les ai mis directement, j'ai réglé le problème en ajoutant un élément de type Block en éliminant les marges margin:0; pour consever la mise en page.
merci NikoGJ, merci Erwan31 : c'est résolu