[HTML] Correction des erreurs de validation W3C

Version imprimable

23/02/2008, 16h30
jlb59

[HTML] Correction des erreurs de validation W3C

Bonjour à tous,

J'ai eu plusieurs conseils pour valider mon site et c'est génial.

Ce qui l'est moins par contre, c'est quand une erreur est détectée, il y a bien un n° de ligne mais à quel fichier ça correspond ??? C'est un mystère pour moi !8O

QQ pourrait m'en dire plus à ce sujet ?

Merci d'avance.

Autre chose maintenant.
QQ connaît-il la bonne syntaxte pour passer la validation, sur un lien nul ?

J'ai mis ça, mais ça passe pas :

Code:

<a href="#" onclick="return false">

Merci pour tout.;)
23/02/2008, 17h14
Erwan31

Bonjour,
ça doit être ton dièse seul qui passe pas non?
23/02/2008, 17h20
jlb59

Je sais pas, c'est tout qui est affiché au w3c !

Salut

Citation:

Envoyé par jlb59

Ce qui l'est moins par contre, c'est quand une erreur est détectée, il y a bien un n° de ligne mais à quel fichier ça correspond ??? C'est un mystère pour moi !

Peut-être le numéro de ligne de la page que tu fais validé ? :aie:
Le code que tu fais vérifier par le W3C, est celui généré pour une seul page. (je sais pas si je suis très clair....)
En gros si tu as un fichier php avec par exemple :
Code:

1 2 3 4 5 <?php include 'fichier1.php'; include 'fichier2.php'; include 'fichier2.php'; ?>
le validateur va lire le résultat
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <!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> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <title>page</title> </head> <body> <p>contenu</p> </body> </html>
Donc si tu as des include de ce type, à toi de retrouver le fichier qui génère l'erreur.

Citation:

Envoyé par jlb59

QQ connaît-il la bonne syntaxte pour passer la validation, sur un lien nul ?

Peux-tu mettre un peu plus de code pour voir ce qu'il y a autour de ton

Code:

<a href="#" onclick="return false">

Je ne pense pas que ce soit cette dernière portion en cause. ça passe très bien au validateur.

Citation:

Envoyé par jlb59

Je sais pas, c'est tout qui est affiché au w3c !

Le validateur donne une indication sur l'erreur donc non, ce n'est pas tout ce qui affiché.

Et quelqu'un s'écrit quelqu'un et non QQ :evilred:

Citation:

Envoyé par Strix

Peut-être le numéro de ligne de la page que tu fais validé ? :aie:
Le code que tu fais vérifier par le W3C, est celui généré pour une seul page. (je sais pas si je suis très clair....)

Ben ! pas trop non !

Citation:

Envoyé par Strix

Donc si tu as des include de ce type, à toi de retrouver le fichier qui génère l'erreur.

Facile à dire, il y a quelque chose comme 73 répertoires et chacun a plusieurs fichiers.
Alors, pour retrouver l'emplacement de l'erreur, bonjour !...

Citation:

Envoyé par Strix

Peux-tu mettre un peu plus de code pour voir ce qu'il y a autour de ton

Code:

<a href="#" onclick="return false">

Je ne pense pas que ce soit cette dernière portion en cause. ça passe très bien au validateur.
Code:

1 2 3 4 5 6 7 8 9 <li><a href="#" onclick="return false">Communication <img src="../css/menu/images/fleche-bb.gif" style="border:none;width:9px;height:9px;" alt=""></a> <ul> <li><a href="../contact/index.php">Contact</a></li> <li><a href="../alex_guestbook4/index.php">Livre d'or</a></li> <li><a href="../forum_phpbb/index.php">Forum</a></li> <li><a href="../index.php?page=4&id=FAQ">FAQ</a></li> </li> </ul> </li>
Citation:

Envoyé par Strix

Et quelqu'un s'écrit quelqu'un et non QQ :evilred:

J'ai écrit comme ça parce que ça va plus vite !

Alors déjà ce code comporte des erreurs :
tu as un </li> en trop :
cette portion de code est-elle bien entourée de <ul> et </ul> ?
Code:

1 2 3 4 5 6 7 8 9 <li><a href="#" onclick="return false">Communication <img src="../css/menu/images/fleche-bb.gif" style="border:none;width:9px;height:9px;" alt=""></a> <ul> <li><a href="../contact/index.php">Contact</a></li> <li><a href="../alex_guestbook4/index.php">Livre d'or</a></li> <li><a href="../forum_phpbb/index.php">Forum</a></li> <li><a href="../index.php?page=4&id=FAQ">FAQ</a></li> </li> <-- balise superflue </ul> </li>
Citation:

Facile à dire, il y a quelque chose comme 73 répertoires et chacun a plusieurs fichiers.
Alors, pour retrouver l'emplacement de l'erreur, bonjour !...

Tu m'en vois désolé, mais c'est ainsi.

23/02/2008, 20h09
jlb59

Merci d'avoir vu ça.

Comme il y a énormément de ligne à vérifier, et j'en ai corrigées beaucoup, j'ai pas vu celle-là.
23/02/2008, 20h15
Kerod

Si tu veux vraiment que l'on t'aide je te suggère de poster le lien vers la vérification faite par le W3C que l'on voit les erreurs ;)

Et un # ne donne jamais une erreur de validation dans un lien, sinon je le saurais vu que je l'utilise souvent et même au sens le plus strict de l'HTML
23/02/2008, 20h23
jlb59

Je dis pas que c'est le dièse qui génère l'erreur vu que c'est tout la ligne qui est affichée.
Mais comme maintenant, je n'ai plus cette erreur ! Peut-être que ça vient des corrections apportées ????

Concernant le lien : http://qi98.free.fr/
23/02/2008, 20h52
Kerod
Tout d'abord je te suggère d'installer le Validateur W3C disponible sur Firefox : http://xhtml.developpez.com/outils/?...html-validator

Ensuite, moi je vois 4 erreurs grâce à cet outil :
1. Une balise meta est toujours dans le head
2. Tu as une balise </div> en trop
3. Une balise span ne contient que des éléments de type inline, par conséquent pas de p
4. La définition du CSS se fait toujours dans le head
Côté CSS il faut que tu rajoutes une unité après tes valeurs ;)
23/02/2008, 22h33
Bisûnûrs

Pour connaître la ligne correspondant au numéro tu n'as qu'à cocher la case "Show source" sur le site du validateur.
24/02/2008, 05h24
jlb59
Citation:
Envoyé par Kerod

Tout d'abord je te suggère d'installer le Validateur W3C disponible sur Firefox : http://xhtml.developpez.com/outils/?...html-validator

Ensuite, moi je vois 4 erreurs grâce à cet outil :
Une balise meta est toujours dans le head
Tu as une balise </div> en trop
Une balise span ne contient que des éléments de type inline, par conséquent pas de p
Oui, j'ai vu ça. Merci de l'avoir remarqué.
J'ai ouvert tous les fichiers (qui dont en ligne) avec Webexpert et je recherche les fichiers qui contiennent ces erreurs; pas évident !
Citation:
Envoyé par Kerod

Côté CSS il faut que tu rajoutes une unité après tes valeurs ;)
La définition du CSS se fait toujours dans le head
Quand tu dis "une unité après tes valeurs", tu veux dire quoi ?
J'ai déclaré le Css dans le head de certains fichiers (très peu en fait) parce qu'il n'y a que ceux-ci qui utilisent certaines formes de caractères, etc.

Mais c'est très sympa de ta part de m'avoir parlé de "Firebug", je ne connaissais pas !
Je l'ai installé et j'essaye de comprendre son fonctionnement.

Merci encore de ton aide.
24/02/2008, 05h26
Kerod

Unité de valeur comme : px, em, %
24/02/2008, 05h38
jlb59

C'est noté, je vais encore vérifier de ce côté-là !
24/02/2008, 05h41
jlb59

Citation:

Envoyé par Bisûnûrs

Pour connaître la ligne correspondant au numéro tu n'as qu'à cocher la case "Show source" sur le site du validateur.

Merci de ce renseignement.

Mais comme il y a beaucoup de fichiers, c'est pas évident.

Je m'inquiète pas, ça va être long mais j'espère pouvoir corriger les erreurs.

Citation:

Envoyé par Bisûnûrs

Pour connaître la ligne correspondant au numéro tu n'as qu'à cocher la case "Show source" sur le site du validateur.

J'ai fait ça et voilà ce que ça me donne.
Source :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <table style="vertical-align: middle;border: 0px solid red;"> <tr> <td style="vertical-align: middle;border: 0px solid red;text-align:center;width:253px;"> <a href="../" title=""><img src="./images/bannieres/header/logo.jpg" alt=" " vspace="0"style="border:0px;width:150px;height:150px;"></a> </td> <td style="z-index:10;vertical-align: middle;border: 0px solid red;text-align:left;"> <object type="application/x-shockwave-flash" data="./images/bannieres/header/banniere.swf" style="width:554px;height:111px;"> <param name="movie" value="./images/bannieres/header/banniere.swf"> <p>Vous devez avoir le plugin flash pour visualiser cette animation.</p> </object> </td> <td style="vertical-align: middle;border: 0px solid red;width:100px;text-align:right;"> <img src="./images/bannieres/header/logo-anime_qi98.gif" alt=" " vspace="10" style="border:0px;width:100px;height:90px;"> </td> </tr> </table>
Et le erreurs détectées par w3c :
Code:

1 2 3 4 5 43 <td style="vertical-align: middle;border: 0px solid red;width:100px;text-align:right;"> 44 <img src="./images/bannieres/header/logo-anime_qi98.gif" alt=" " vspace="10" style="border:0px;width:100px;height:90px;"> 45 </td> 46 </tr> 47 </table> <br />
J'avais beau cherché les "<br />" sans les trouver puisqu'ils n'existent pas à la source !
Est-ce que c'est mis automatiquement ?

PS : Je n'ai mis que "index.php" et "header.html".
Vu le nombre d'erreurs trop importants, j'ai pensé préférable de faire la validation pas/pas.
J'espère avoir fait le bon choix !

Merci d'avance de ton aide.