[HTML] Correction des erreurs de validation W3C

**jlb59** · 23/02/2008, 16h30

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 !

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 :

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

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

Merci pour tout.

**Erwan31** · 23/02/2008, 17h14

Bonjour,
ça doit être ton dièse seul qui passe pas non?

**jlb59** · 23/02/2008, 17h20

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

**Strix** · 23/02/2008, 18h14

Salut

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é ?

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 PHP :

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

1
2
3
4
5
<?php
include 'fichier1.php';
include 'fichier2.php';
include 'fichier2.php';
?>

le validateur va lire le résultat

Code HTML :

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

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.

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 HTML :

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

<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.

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

**jlb59** · 23/02/2008, 19h24

Envoyé par Strix

Peut-être le numéro de ligne de la page que tu fais validé ?

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 !

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 !...

Envoyé par Strix

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

Code HTML :

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

<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 :

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

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&amp;id=FAQ">FAQ</a></li>
      </li>
    </ul>
  </li>

Envoyé par Strix

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

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

**Strix** · 23/02/2008, 19h34

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 :

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

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&amp;id=FAQ">FAQ</a></li>
      </li> <-- balise superflue
    </ul>
  </li>

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.

**jlb59** · 23/02/2008, 20h09

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à.

**Kerod** · 23/02/2008, 20h15

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

**jlb59** · 23/02/2008, 20h23

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/

**Kerod** · 23/02/2008, 20h52

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
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

**Bisûnûrs** · 23/02/2008, 22h33

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

**jlb59** · 24/02/2008, 05h24

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 !

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.

**Kerod** · 24/02/2008, 05h26

Unité de valeur comme : px, em, %

**jlb59** · 24/02/2008, 05h38

C'est noté, je vais encore vérifier de ce côté-là !

**jlb59** · 24/02/2008, 05h41

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.

**jlb59** · 24/02/2008, 09h50

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 :

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

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 :

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

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.

[HTML] Correction des erreurs de validation W3C

HTML

Discussions similaires

Partager

Partager