Version complète: sur le forum Webmaster Hub : Site valide W3C
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
oxerrois
Je suis en train de coder mon nouveau site, et je voudrais qu'il soit valide XHTML 1.0.
Mais un erreur reviens toujours
CITATION
Erreur à la colonne 6: type de document ne permet pas l'élément "li" ici; manque un de "ul", "ol" de l'étiquette de début


ou

CITATION
Erreur à la colonne 6: type de document ne permet pas l'élément "h1" ici; assume "li" manquant de l'étiquette de début


le code étant :

CODE
<ul class="menugauche">
<h1>Liens</h1>    
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>


Je ne sais pas comment resoudre cette erreur.

Merci d'avance de m'aider
Pierre
ghost
Bonjour,

CODE
<h1>Liens</h1>  
<ul class="menugauche">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>


C'est pas bon autre chose qu'un li dans un ul...
oxerrois
Ok, mais le probleme c'est que les attributs du <h1> sont dans "menugauche", masi je vais quand même regarder.
ghost
Re

CODE
<div id="menu_gauche">
<h1>Liens</h1>  
<ul>
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>


Faudra revoir un peu ton css aussi
#menu_gauche li{...} etc
Dudu
Salut

Dans ce cas tu écris ton <h1> en spécifiant aussi la classe:
CODE
<h1 class="menugauche">
oxerrois
Ca ne marche pas, le texte ne prend que les attributs generaux de menugauche et pas ceux specifique à h1.

Merci à vous deux, finalement ça donne ça :
CODE
      <div id="gauche">

          <h1 class="menugaucheh1">Liens</h1>
        <ul class="menugauche">    

            <li><a href="">Menu 1</a></li>
            <li><a href="">Menu 2</a></li>
            <li><a href="">Menu 3</a></li>
            <li><a href="">Menu 4</a></li>
        </ul>
            
      </div>
Topper
Juste un conseil...

Modifie un peu ton code et allège ta CSS en faisant dans ta page :

CODE
      <div id="gauche">

        <h1>Liens</h1>

        <ul>    
            <li><a href="">Menu 1</a></li>
            <li><a href="">Menu 2</a></li>
            <li><a href="">Menu 3</a></li>
            <li><a href="">Menu 4</a></li>
        </ul>
            
      </div>


Et dans ta CSS :

CODE
#gauche{
-> propriétés de ton div gauche
}
#gauche h1{
-> propriétés de ton titre
}
#gauche ul{
-> propriétés de ta liste
}


Même si, je le conçoit, le gain de poid ne changera pas grand chose (quoi que multiplié par xx fois) mais ton code sera plus clair et plus propre. wink.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.