Erreur W3C:document type doesn't allow DIV

Résolu
hajarette Messages postés 141 Statut Membre -  
hajarette Messages postés 141 Statut Membre -
Bonjour,

j'ai un probleme, svp aidez moi, voila le code XHTML puis l'erreur:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <title>Text</title>  
    <meta name="keywords" content="" />  
    <meta name="description" content="" />  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <meta name="language" content="en" />  
    <link href="style.css" rel="stylesheet" type="text/css" />  



</head>  
<body >  
<p>  
    <div id="header">  
      <div id="menu">  
            <ul>  
                <li><a href="#">Accueil</a></li>  
                <li>|<a href="#">Projets</a></li>  
                <li>|<a href="#">Contact</a></li>  
            </ul>  
        </div>  
  <a href="#"><img id="logo" src="images/logo.gif" alt="" /></a>   
       
        <h1><a href="http://www.monsite.com/">ma page</a></h1>  
  <p id="subtitle">  
   llllll <div class="maj">llll </div>  
  </p>  
  <a href="#"><img id="res_home" src="images/r.jpg" alt="" /></a>  
    
           
    </div><!-- header -->  
    <div id="main"><div id="main2">   
            <div id="sidebar">  
    <br />  
    <br />  
                <h2>Informations utiles</h2>  
                <ul>  
                    <li><a href="#">lien1</a></li>  
                    <li><a href="#">lien2</a></li>  
                      
                </ul>  
    <br />  
                <h2>Prix</h2>  
                <ul>  
                    <li><a href="#">lien1</a></li>  
                    <li><a href="#">lien2</a></li>  
                    <li><a href="#">lien3</a></li>  
                      
                </ul>  
    <br />  
                <h2>sousMenu</h2>  
                <ul>  
                    <li><a href="#">lien1 </a></li>  
                </ul>  
            </div><!-- sidebar -->                     
            <div id="content">     
                <div class="post">  
    <br />  
    <br />  
                    <h2><a href="#"> parag1</a></h2>  
     <br />  
                    <fieldset class="fieldset1">  
         <strong>text : </strong>text text text <strong><em>Personnes Agées</em></strong> text<br />  
      <strong>text : </strong>text<br />  
      <strong>text : </strong>text<br />  
      <strong>text : </strong>text<br />  
      <strong>text : </strong>text<br />  
      texttexttexttexttexttexttexttexttexttexttexttexttext.<br />  
      texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext.<br />  
      <img alt="" src="images/35.jpg" />texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext. <br />  
      <img alt="" src="images/A89.jpg" />texttexttexttext.<br />  
      <strong><em>texttexttext</em></strong>.  

     </fieldset>  
     <br />  
      
     <br />  
     <h2><a href="#">parag2</a></h2>  
     <br />  
                    <fieldset class="fieldset1">  
        texttexttext <strong><em>"text"</em></strong><br />  
     <strong><em>36</em></strong> text <strong><em>6</em></strong> texttexttexttexttexttexttexttext.<br />  
     texttexttexttext.<br />  

     </fieldset>  
     <br />  
     <br />  
     <br />  
     <h2><a href="#">parag3</a></h2>  
     <br />  
                    <fieldset class="fieldset1">  
       texttexttext.<br />  
     <strong><em>text :</em></strong> texttexttexttext.<br />  
     texttexttexttexttext  <strong><em>text</em></strong>.   

     </fieldset>  
       
                </div>  
                                   
            </div><!-- content -->                      
            <div class="clearing"> </div>     
    </div></div><!-- main --><!-- main2 -->  
    <div id="footer">  
 <br />  
  <p>text : adresse et tel </p>  
  <br />  
        <p>Copyright © 2011, designed by <acronym title="text">text</acronym> </p>  
    
    

    </div>  
</p>   
</body>  
</html>


voila l' erreur :

Validation Output: 4 Errors

Line 17, Column 21: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
<div id="header">

?
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

notes: le CSS etait validé et cette erreur se produit aussi pourles div de : "main1","main2","footer"


et merci d'avance

6 réponses

  1. Lord Zero Messages postés 487 Statut Membre 115
     
    question : juste après ton body, a quoi sert la balise <p> qui est toute seule et fermé nul part?
    0
  2. hajarette Messages postés 141 Statut Membre 16
     
    j'ai appris que tout texte dans la balise body doit etre mis entre <p></p>,on ne peut pas l ecrire tt seul. alors au lieu que chaque paragraphe soit mis entre <p></p> j'ai mis une balise <p> qui englobe tout !
    0
    1. telliak Messages postés 3652 Date d'inscription   Statut Membre Dernière intervention   885
       
      C'est incorrect, tu dois mettre un couple <p>-</p> au niveau de chaque texte et non dune façon globale.
      0
  3. MastercroW Messages postés 1259 Date d'inscription   Statut Membre Dernière intervention   163
     
    Lord Zero regardes bien il a ouvert <p> et il l'a fermé toute à la fin ! :D
    0
    1. telliak Messages postés 3652 Date d'inscription   Statut Membre Dernière intervention   885
       
      Certes, mais il peut y avoir n'importe quelle balise à l'intérieur d'une balise <p>, et en particulier pas un <div>.
      0
  4. hajarette Messages postés 141 Statut Membre 16
     
    j'ai enlevé le <p> et ca a donné une seule erreur, puis j'ai remplacé la ligne

    <p id="subtitle">  
       llllll <div class="maj">llll </div>  
      </p> 
    


    par

    <p id="subtitle">  
       llllll <span class="maj">llll </span>  
      </p> 
    


    le probleme se trouve dans la sous "div"

    la compilation n'a donné aucune erreur, PROBLEME REGLé

    merci pour vous messieurs.
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. telliak Messages postés 3652 Date d'inscription   Statut Membre Dernière intervention   885
     
    Ce que tu fais montre une certaine méconnaissance de HTML, tu devrais reprendre un bon tuto :
    - la balise <div> sert à définir une surface, un bloc, un conteneur, dans lequel seront formatés des éléments ;
    - la balise <span> sert (entre autres) à attribuer un style à une portion de texte.
    Utiliser une <div> pour définir un style heurte donc le bon sens.
    S'il est facile de créer une page, respecter les règles définies demande plus de temps, mais évite les déconvenues à venir.
    Ne te polarise pas sur les validateurs : ce ne sont pas des compilateurs (hélas) et l'absence d'erreurs n'est en rien un gage de qualité, seule la syntaxe est contrôlée et ensuite les navigateurs font ce qu'ils veulent.
    0
  7. hajarette Messages postés 141 Statut Membre 16
     
    d'accord monsieur telliak,

    je vous remercie infiniment pour ces informations.
    0