Webmaster Hub > Site valide W3C

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

dimanche 29 octobre 2006 à 20:45

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

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

dimanche 29 octobre 2006 à 20:50

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

dimanche 29 octobre 2006 à 21:02

Ok, mais le probleme c'est que les attributs du <h1> sont dans "menugauche", masi je vais quand même regarder.

ghost

dimanche 29 octobre 2006 à 21:33

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

dimanche 29 octobre 2006 à 21:56

Salut

Dans ce cas tu écris ton <h1> en spécifiant aussi la classe:

CODE

oxerrois

dimanche 29 octobre 2006 à 22:21

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

jeudi 2 novembre 2006 à 23:37

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.

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.