Votre question

2 erreures avec le validateur W3C ??

Tags :
  • Graphisme
  • Programmation
Dernière réponse : dans Programmation
7 Septembre 2007 20:59:58

bonsoir à tous, je viens d'achever la partie graphisme de mon nouveau site et j'ai voulu le passer au validateur du w3c ( http://validator.w3.org ) mais il me detectait pas mal d'erreures que j'ai réglé ( par exemple l'attribut alt de mes balise img )il me reste 2 erreures.
Etant donner que je ne suis pas aux 50 erreures de mon ancien site je voudrais bien les corrigés (rien que pour pouvoir insérer le logo, quel style ;)  et pour peut-être un meilleur référencement) , mais je n'y arrive pas quelqu'un pourrait-il m'aider??
le message d'erreure:


merci de votre aide

Autres pages sur : erreures validateur w3c

a c 232 L Programmation
7 Septembre 2007 21:19:36

Salut,

Tu n'as pas mis de type d'encodage.
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
7 Septembre 2007 21:30:55

merci tu m'aide pas mal ce soir toi :D 
Contenus similaires
7 Septembre 2007 22:04:25

pff j'en corrigent et d'autre arrivent :/ 
mon screenshoot:


alors le premier j'ai compris que c'est mes balises <head> et </head> qui lui posent problème

mon script (avec mes commentaires)
<head>
<title>Accueil</title>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DE L ECRAN -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521701 = new Image;
i521701 = "images/Image317-2.png";
}
</SCRIPT> <!--anciennement </SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C -->
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DE L ECRAN -->
<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DU TROMBONE -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521702 = new Image;
i521702 = "images/Image316-2.gif";
}
</SCRIPT>
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DU TROMBONE -->
</head>


mais je ne voit pas ce qui lui plait pas :S
le deuxième est par rapport à google et sa barre de recherche :/  si google se met à faire des scripts pas compatible avec le W3C où on va!!
mon script avec (l'original avec une erreure déja corrigée)
<!--POUR LA RECHERCHE GOOGLE-->
<span style='position:absolute;left:280px;top:127px'>
<form method="get" action="http://www.google.fr/custom" target="google_window">
<table bgcolor="#ff3333">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">

<label for="sbi" style="display: none">Entrez les termes que vous recherchez.</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi">
<label for="sbb" style="display: none">Envoyer un formulaire de recherche</label>
<input type="submit" name="sa" value="Recherche Google" id="sbb">
<input type="hidden" name="client" value="pub-6340109900261643">
<input type="hidden" name="forid" value="1">
<input type="hidden" name="ie" value="ISO-8859-1">
<input type="hidden" name="oe" value="ISO-8859-1">
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#CC0000;VLC:663399;AH:center;BGC:cda34c;LBGC:cda34c;ALC:cda34c;LC:cda34c;T:000000;GFNT:0000FF;GIMP:0000FF;LH:50;LW:348;L:http://adeltimple.free.fr/bannière.png;S:http://;FORID:1">
<input type="hidden" name="hl" value="fr">
</td></tr></table>
</form>
</span>
<!--FIN DU SCRIPT POUR LA RECHERCHE GOOGLE-->

PS: si vous remarquez comme moi que je n'ai pas de balise <body> ouvrante mais une fermante, je l'ai aussi remarqué mais si je la met ça me met encore un nb pas possible d'erreures
a c 232 L Programmation
7 Septembre 2007 23:37:31

C'est toute ta page ça ?
Elle est où la balise <html> et </html> ?
Faut les mettre, idem que le body, on enlève pas <body> car t'as d'autres erreurs sinon :| Faut corriger tout en gardant les bonnes choses.

D'après ce que je vois, tu n'as pas mis en XHTML, donc enlève le / qui ferme la balise <meta> que je t'ai donné plus haut.
Et pour la deuxième erreur, on ne met pas un form dans un span, dans un div c'est mieux.
7 Septembre 2007 23:51:20

non ce n'est pas tout mon code
le voila:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Accueil</title>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DE L ECRAN -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521701 = new Image;
i521701 = "images/Image317-2.png";
}
</SCRIPT> <!--anciennement </SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C -->
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DE L ECRAN -->
<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DU TROMBONE -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521702 = new Image;
i521702 = "images/Image316-2.gif";
}
</SCRIPT>
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DU TROMBONE -->
</head>
<body>????
<span style='position:absolute;left:260px;top:104px;width:764px;height:260px'><img width=735 height=160 src="images/image3561.jpg" alt="barre rouge horizontale"></span>
<span style='position:absolute;left:724px;top:0px;width:300px;height:104px'><img width=260 height=104 src="images/image377.jpg" alt="barre rouge horizontale 2"></span>
<span style='position:absolute;left:640px;top:0px;width:384px;height:166px'><img width=354 height=166 src="images/image320.jpg" alt="accés au menu par thème"></span>
<span style='position:absolute;left:-1px;top:103px;width:262px;height:262px'><img width=262 height=162 src="images/image343.jpg" alt="dégradé jaune=> rouge"></span>
<span style='position:absolute;left:0px;top:364px;width:260px;height:896px'><img width=215 height=896 src="images/image374.gif" alt="barre jaune verticale"></span>
<span style='position:absolute;left:0px;top:260px;width:256px;height:192px'><img width=216 height=192 src="images/image378.jpg" alt="logo sur fond jaune"></span>


<!-- LOGO POUR CHANGER DE PARTIE RAPIDEMENT-->
<span style='position:absolute;left:746px;top:104px;width:272px;height:304px'><A HREF="musique.html" onMouseOver="i521702.src='images/Image316-2.gif'" onMouseOut="i521702.src='images/Image316.gif'"><img width=272 height=304 src="images/Image316.gif" BORDER=0 NAME="i521702" ALT="trb"></A></span>
<span style='position:absolute; left:787px;top:225px;width:152px;height:128px'><A HREF="informatique.html" onMouseOver="i521701.src='images/Image317-2.png'" onMouseOut="i521701.src='images/Image317.gif'"><img width=152 height=128 SRC="images/Image317.gif" BORDER=0 NAME="i521701" ALT="écran"></A></span>
<!-- FIN POUR DU SCRIPT POUR LOGO POUR CHANGER DE PARTIE RAPIDEMENT-->

<span style='position:absolute;left:918px;top:39px;width:67px;height:159px'><img width=67 height=159 src="images/image324.gif" alt="flèche pour menu via logo"></span>
<span style='position:absolute;left:0px;top:0px;width:640px;height:104px'><img width=640 height=104 src="images/image321.gif" alt="bannière"></span>
<span style='position:absolute;left:215px;top:260px;width:100%;height:100%'><img width=460 height=15 src="images/encadrementh2.jpg" alt="bordure en dégradée jaune = rouge"></span>
<span style='position:absolute;left:660px;top:260px;width:100%;height:100%'><img width=132 height=15 src="images/encadrementh1.jpg" alt="dégradé rouge = jaune"></span>
<span style='position:absolute;left:5px;top:420px;width:100%;height:100%'><img width=210 height=15 src="images/encadrementh1.jpg" alt="dégradé rouge = jaune"></span>

<!--POUR LA RECHERCHE GOOGLE-->
<span style='position:absolute;left:280px;top:127px'>
<form method="get" action="http://www.google.fr/custom" target="google_window">
<table bgcolor="#ff3333">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">

<label for="sbi" style="display: none">Entrez les termes que vous recherchez.</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi">
<label for="sbb" style="display: none">Envoyer un formulaire de recherche</label>
<input type="submit" name="sa" value="Recherche Google" id="sbb">
<input type="hidden" name="client" value="pub-6340109900261643">
<input type="hidden" name="forid" value="1">
<input type="hidden" name="ie" value="ISO-8859-1">
<input type="hidden" name="oe" value="ISO-8859-1">
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#CC0000;VLC:663399;AH:center;BGC:cda34c;LBGC:cda34c;ALC:cda34c;LC:cda34c;T:000000;GFNT:0000FF;GIMP:0000FF;LH:50;LW:348;L:http://adeltimple.free.fr/bannière.png;S:http://;FORID:1">
<input type="hidden" name="hl" value="fr">
</td></tr></table>
</form>
</span>
<!--FIN DU SCRIPT POUR LA RECHERCHE GOOGLE-->
</body>
</html>

je vais laissé tomber il ne sera pas W3C c'est pas grave :/ 
merci de ton aide

a c 232 L Programmation
8 Septembre 2007 00:07:31

Quelles sont les erreurs maintnenant ?
Tu as corrigé les deux points que je t'ai dit ?
8 Septembre 2007 00:17:03

lol oui ça marche!!! merci beaucoup Omar!!!!
Par contre comment sait-on que
Citation :

Et pour la deuxième erreur, on ne met pas un form dans un span, dans un div c'est mieux.
???
j'ai fait du html en cours on a pas vu les exeptions comme ça :/ 
le <body> j'étais plus bien sur de l'endroit mais ça va ça marche!!!

This Page Is Valid HTML 4.01 Transitional!

Encore un grand merci Omar!!!
a c 232 L Programmation
8 Septembre 2007 10:37:38

Un span est un élément dit "inline", c'est à dire, que si tu en mets plusieurs à la suite, ils apparaissent tous sur la même ligne.
Au contraire, un div n'est pas "inline", si tu en mets plusieurs à la suite, ils apparaissent l'un en dessous de l'autre (par défaut je parle...)

Et le form ne doit pas être dans un élément inline, comme dit dans ton erreur, car le form n'est pas inline.
Tu peux mettre des éléments inline dans des inline. Tu peux mettre des éléments inline dans des éléments de type block (non inline) et tu peux mettre des éléments de type block dans des éléments de type block.
Mais tu peux pas mettre des éléments de type block dans des éléments de type inline.

Voilà :p 
8 Septembre 2007 11:15:03

ouahh!!! merci de ton aide
9 Septembre 2007 14:20:07

arg!!! j'ai rajouter des scripts pour des rollovers dans head mais ça me remet des erreures que je ne comprend pas (pour moi je trouve ça correcte) :/ 
un screenshoot:

mon code complet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Accueil</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DE L ECRAN -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521701 = new Image;
i521701 = "images/Image317-2.gif";
}
</SCRIPT> <!--anciennement </SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C -->
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DE L ECRAN -->

<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DU TROMBONE -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521702 = new Image;
i521702 = "images/Image316-2.gif";
}
</SCRIPT>
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DU TROMBONE -->

<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DU MENU INFORMATIQUE -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521710 = new Image;
i521710 = "images/informatique2.gif";
}
</SCRIPT>
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DU MENU INFORMATIQUE -->

<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DU MENU MUSIQUE -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521711 = new Image;
i521711 = "images/musique2.gif";
}
</SCRIPT>
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DU MENU MUSIQUE -->

<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DES commandements -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521712 = new Image;
i521712 = "images/commandement2.gif";
}
</SCRIPT>
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DES COMMANDEMENTS -->

<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DE ACCELERER -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521713 = new Image;
i521713 = "images/accelerer2.gif";
}
</SCRIPT>
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DE ACCELERER -->

<!-- PRECHARGEMENT DE LA DEUXIEME IMAGE DE acceuil -->
<SCRIPT type="text/javascript"> <!-- anciennement <SCRIPT LANGUAGE="JavaScript"> mais modifié pour le W3C-->
if(document.images)
{
i521714 = new Image;
i521714 = "images/accueil2.gif";
}
</SCRIPT>
<!-- FIN DU PRECHARGEMENT DE LA DEUXIEME IMAGE DE acceuil -->
</head>
<body>
<span style='position:absolute;left:260px;top:104px;width:764px;height:260px'><img width=735 height=160 src="images/image3561.jpg" alt="barre rouge horizontale"></span>
<span style='position:absolute;left:724px;top:0px;width:300px;height:104px'><img width=260 height=104 src="images/image377.jpg" alt="barre rouge horizontale 2"></span>
<span style='position:absolute;left:640px;top:0px;width:384px;height:166px'><img width=354 height=166 src="images/image320.gif" alt="accés au menu par thème"></span>
<span style='position:absolute;left:-1px;top:103px;width:262px;height:262px'><img width=262 height=162 src="images/image343.jpg" alt="dégradé jaune=> rouge"></span>
<span style='position:absolute;left:0px;top:364px;width:260px;height:896px'><img width=215 height=896 src="images/image374.gif" alt="barre jaune verticale"></span>
<span style='position:absolute;left:0px;top:260px;width:256px;height:192px'><img width=216 height=192 src="images/image378.jpg" alt="logo sur fond jaune"></span>


<!-- LOGO POUR CHANGER DE PARTIE RAPIDEMENT-->
<span style='position:absolute;left:756px;top:104px;width:272px;height:304px'><A HREF="musique.html" onMouseOver="i521702.src='images/Image316-2.gif'" onMouseOut="i521702.src='images/Image316.gif'"><img width=272 height=304 src="images/Image316.gif" BORDER=0 NAME="i521702" ALT="trb"></A></span>
<span style='position:absolute; left:787px;top:230px;width:152px;height:128px'><A HREF="informatique.html" onMouseOver="i521701.src='images/Image317-2.gif'" onMouseOut="i521701.src='images/Image317.gif'"><img width=152 height=128 SRC="images/Image317.gif" BORDER=0 NAME="i521701" ALT="écran"></A></span>
<!-- FIN POUR DU SCRIPT POUR LOGO POUR CHANGER DE PARTIE RAPIDEMENT-->


<span style='position:absolute;left:928px;top:65px;width:67px;height:159px'><img width=67 height=159 src="images/image324.gif" alt="flèche pour menu via logo"></span>
<span style='position:absolute;left:0px;top:0px;width:640px;height:104px'><img width=640 height=104 src="images/image321.gif" alt="bannière"></span>
<span style='position:absolute;left:215px;top:260px;width:100%;height:100%'><img width=460 height=15 src="images/encadrementh2.jpg" alt="bordure en dégradée jaune = rouge"></span>
<span style='position:absolute;left:660px;top:260px;width:100%;height:100%'><img width=132 height=15 src="images/encadrementh1.jpg" alt="dégradé rouge = jaune"></span>
<span style='position:absolute;left:5px;top:420px;width:100%;height:100%'><img width=210 height=15 src="images/encadrementh1.jpg" alt="dégradé rouge = jaune"></span>

<!--rollover pour menu-->
<span style='position:absolute;left:6px;top:490px;width:272px;height:304px'><A HREF="informatique.html" onMouseOver="i521710.src='images/informatique2.gif'" onMouseOut="i521710.src='images/informatique1.gif'"><img src="images/informatique1.gif" BORDER=0 NAME="i521710" ALT="menu lien vers informatique"></A></span>
<span style='position:absolute;left:6px;top:570px;width:272px;height:304px'><A HREF="musique.html" onMouseOver="i521711.src='images/musique2.gif'" onMouseOut="i521711.src='images/musique1.gif'"><img src="images/musique1.gif" BORDER=0 NAME="i521711" ALT="menu lien vers musique"></A></span>
<span style='position:absolute;left:6px;top:450px;width:272px;height:304px'><A HREF="index.html" onMouseOver="i521714.src='images/accueil2.gif'" onMouseOut="i521714.src='images/accueil1.gif'"><img src="images/accueil1.gif" BORDER=0 NAME="i521714" ALT="menu lien vers accueil"></A></span>
<span style='position:absolute;left:15px;top:600px;width:272px;height:304px'><A HREF="commandement.html" onMouseOver="i521712.src='images/commandement2.gif'" onMouseOut="i521712.src='images/commandement.gif'"><img src="images/commandement.gif" BORDER=0 NAME="i521712" ALT="menu lien vers les 10 commandements"></A></span>
<span style='position:absolute;left:15px;top:520px;width:272px;height:304px'><A HREF="accelerer.html" onMouseOver="i521713.src='images/accelerer2.gif'" onMouseOut="i521713.src='images/accelerer.gif'"><img src="images/accelerer.gif" BORDER=0 NAME="i521713" ALT="menu lien vers accelerer XP"></A></span>
<!-- fin de rollover pour menu-->

<!--POUR LA RECHERCHE GOOGLE-->
<div style='position:absolute;left:280px;top:127px'>
<form method="get" action="http://www.google.fr/custom" target="google_window">
<table bgcolor="#ff3333">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">

<label for="sbi" style="display: none">Entrez les termes que vous recherchez.</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi">
<label for="sbb" style="display: none">Envoyer un formulaire de recherche</label>
<input type="submit" name="sa" value="Recherche Google" id="sbb">
<input type="hidden" name="client" value="pub-6340109900261643">
<input type="hidden" name="forid" value="1">
<input type="hidden" name="ie" value="ISO-8859-1">
<input type="hidden" name="oe" value="ISO-8859-1">
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#CC0000;VLC:663399;AH:center;BGC:cda34c;LBGC:cda34c;ALC:cda34c;LC:cda34c;T:000000;GFNT:0000FF;GIMP:0000FF;LH:50;LW:348;L:http://adeltimple.free.fr/bannière.png;S:http://;FORID:1">
<input type="hidden" name="hl" value="fr">
</td></tr></table>
</form>
</div>
<? include("compteur.php3");?>
<!--FIN DU SCRIPT POUR LA RECHERCHE GOOGLE-->
</body>
</html>


si quelqu'un pourraut (encore) me donner un coup de main...
merci de votre aide
Anonyme
9 Septembre 2007 14:51:51

pour commencer, enleve le /> à la fin de ton <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" /> (tu es en HTML et pas en XHTML)
9 Septembre 2007 15:17:44

yeah!! merci!! je me disais bie que il y avait un prb la dedans puisque c'est le seul truc que j'avais rajouté dans head et les 2 autres ont disparu
merci à toi
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS