erreur W3C du mal à résoudre

**yamaha12** · 09/06/2009, 16h58

Bonjour a tous chère développeur,
Voila j'ai un petit souci pour respecter les normes W3C, je m'explique:

1- J'utilise la fonction include dans ma page plusieurs fois du coup j'ai un problème avec <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
et <html xmlns="http://www.w3.org/1999/xhtml"> puisqu'ils sont en doublons.
Le problème est que dès que je les retire j'ai des problèmes avec <head> <body> qui me génère encore plus de fautes.
Donc ma question est comment réaliser des include sans générer d'erreurs auprsè du W3C??

2- J'ai cette erreur là, récurrente pour mon formulaire de contact pour le champs objet ( il y a plusieurs objet prédéfini, l'internaute doit choisir entre l'un d'entre eux). Voici l'erreur:

Line 61, Column 24: document type does not allow element "option" here

<option value='1'>Demande de prix

✉

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Si vous pouvez m'aidez à corriger ces erreurs SVP se serait cool

Merci

**HiRoN** · 09/06/2009, 17h15

Bonjour,

Le mieux serait de fournir le code généré (afficher la source)...

**yamaha12** · 09/06/2009, 18h20

Envoyé par HiRoN

Bonjour,

Le mieux serait de fournir le code généré (afficher la source)...

Ok donc voici le code généré ( un peu long puisque un des include ce fait sur un formulaire de 13 champs

):

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<body>
<div id="wrap">
		<div id="contact_plan">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0','width','140','height','160','src','anniv_porte_cle/porte_cle_contact','quality','high','wmode','transparent','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','anniv_porte_cle/porte_cle_contact' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="140" height="160">
<param name="movie" value="anniv_porte_cle/porte_cle_contact.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent" />
</object></noscript>
        </div>
 
 
        <div id="logo">
        <script type="text/javascript">
        AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0','width','295','height','100','src','anim_logo','quality','high','wmode','transparent','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','anim_logo' ); //end AC code
        </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="295" height="100">
        <param name="movie" value="anim_logo.swf">
        <param name="quality" value="high">
        <param name="wmode" value="transparent" />
</object></noscript>
        </div>
        <div class="rajout_espace2">
</div>
	<div id="main" class="clearfix">
	<div id="conteneur">
                <div class="menu">
 
                    <!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>menu</title>
</head>
 
<body>
    <div id="menu">
        <ul class="nav">
            <li class="entreprise"><a href="entreprise.php">l'entreprise</a></li>
 
            <li class="thermo"><a href="thermodur.php">thermodurcissable</a></li>
            <li class="thermoplastique"><a href="thermoplastique.php">thermoplastique</a></li>
            <li class="produits"><a href="specialites.php">Nos sp&eacute;cialit&eacute;s</a></li>
        </ul>
    </div>
    <div id="rajout">
 
    </div>
</body>
</html>
                    <div class="clear"></div>
                        <div class="titre">
                        <img src="images_sites/fleche.gif" alt="fleche" title="fleche"/>&nbsp;Contactez-nous...
                        </div>
                </div>
 
					<div id="fond_centre">
 
<!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>Formulaire de contact</title>
</head>
<body>
                    <div id="texte">
Pour toute demande, je vous prie de remplir le formulaire ci-dessous. Seuls les champs marqu&eacute;s d'une (*) sont obligatoires (email et/ou t&eacute;l&eacute;phone). Ces renseignements ne seront en aucune fa&ccedil;on transmis 	&agrave; des tiers.
					</div><br />
 
 
                    <div id="formulaire">
		  <br />
		  <form name="formulaire" action="/contact.php" method="post" enctype="multipart/form-data">
<div class="infos">
       <img src="images_sites/logo3.gif" class="img_png" alt="XXX" title="REMIPLAST"/><br />
		<div class="infos_contact">
        T&eacute;l. : XXX<br />
		Fax : XXX<br /><br />
 
        <img src="images_sites/enveloppe.png" alt="enveloppe" title="enveloppe"/>&nbsp;<a href="mailto:XXXX.com" class="mail">XXX.com</a><br /><br />
        <img src="images_sites/enveloppe.png" alt="enveloppe" title="enveloppe"/>&nbsp;<a href="mailto:XXX.com" class="mail">Secr&eacute;tariat</a>
</div>
		</div>
 
             <p>
				<label for="nom">Nom *</label><br /><input id="nom"  name="Nom" size="35" maxlength="30" value="" /><br /><br />
			 </p>
 
 
             <p><label for="fonction">Fonction</label><br />
<input id="fonction" name="Fonction" size="35" maxlength="60" value="" /><br /><br /></p>
 
			 <p>
				<label for="email">Email *</label><br /><input id="email"  name="Email" size="35" maxlength="60" value="" /><br /><span class="infos_adresse">Cette adresse sera utilis&eacute;e pour vous r&eacute;pondre</span><br /><br />
			 </p>
			 <p>
				<label for="tel">T&eacute;l&eacute;phone *</label><br /><input id="tel"  name="Tel" size="35" maxlength="20" value="" /><br /><br />
 
			 </p>
 
             <p><label for="societe">Soci&eacute;t&eacute;</label><br />
<input id="societe" name="Societe" size="35" maxlength="60" value="" /><br /><br /></p>
 
<p>
				<label for="adresse">Adresse</label><br /><textarea  id="adresse"  name="Adresse" cols="27" rows="2"></textarea><br /><br />
			 </p>
 
			 <p>
 
				<label for="Code_Postal">Code Postal</label><br /><input id="code_postal"  name="Code Postal" size="10" maxlength="20" value="" /><br /><br />
			 </p>
 
                          <p><label for="ville">Ville</label><br />
<input id="ville" name="Ville" size="35" maxlength="60" value="" /><br /><br /></p>
 
                          <p><label for="pays">Pays</label><br />
<input id="pays" name="Pays" size="35" maxlength="60" value="" /><br /><br /></p>
 
                          <p><label for="fax">Fax</label><br />
 
<input id="fax" name="Fax" size="35" maxlength="60" value="" /><br /><br /></p>
			 <p>
				<label for="objet">Objet * :&nbsp;</label><select name='Objet'  id="objet">
				  <option value='0' selected='selected'>Choisissez
				  <option value='1'>Demande de prix
				  <option value='2'>Renseignement technique
				  <option value='3'>Demande de visite commerciale
				  <option value='4'>Visite de l'usine
				  <option value='5'>Autre
				</select>
			 </p>
			 <p>
 
				<br /><label for="message">Message *</label><br /><textarea  id="message" name="Message" cols="45" rows="10"></textarea><br /><br />
			 </p>
			 <p>
				<label for="fichier">Pi&eacute;ce jointe :&nbsp;</label><input type="hidden" name="MAX_FILE_SIZE" value="204800" /><input type="file" id="fichier"  name="Fichier" size="35" />
			 </p>
			 <p>
				NB : taille du fichier inf&eacute;rieure &agrave; 200 Ko
			 </p>
 
			 <p>
				<br /><input type="reset" id="reset" value="Effacer" /><input id="submit" type="submit" value="Envoyer" />
			 </p>
		  </form>
</div>
</body>
</html>
<!--<div id="champs_obligatoires">* Champs obligatoires (email et/ou téléphone)</div>--> 
					</div>
                <div id="fin_fond_centre">
                </div>
 
	</div>
	</div>
<div id ="rajout_espace">
</div>
</div>
<!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>footer</title>
</head>
 
<body>
<div id="footer">
 
        <div id="barre_footer">
        <ul>
            <li><a href="entreprise.php">L'entreprise</a> |</li>
            <li><a href="thermodur.php">Thermodurcissable</a> |</li>
            <li><a href="thermoplastique.php">Thermoplastique</a> |</li>
 
            <li><a href="specialites.php">Nos sp&eacute;cialit&eacute;s</a> |</li>
            <li><a href="contact.php">Contact</a> |</li>
            <li><a href="plan.php">Acc&egrave;s</a> |</li>
 
            <li><a href="news.php">News</a></li>
          </ul>
        </div>
 
        <div class="clear"></div>
 
        <div id="copy">
        <a href="#">XXXX</a> Copyright &copy; 2009 - Tous droits r&eacute;serv&eacute;s        
        </div>
 
</div>
</body>
</html>
</body>

Merci a vous

**HiRoN** · 09/06/2009, 19h00

Le problème vient du fait que les option ne sont pas fermées (pour le problème en question)...
Attention à la génération de ta page, un DocType doit être unique ainsi que les balises de base body, head etc... Ce qui n'est pas ton cas.

Bref, tu ne dois avoir qu'une seule fois :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<!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>menu</title>
</head>
 
<body>
Ton contenu
</body>
</html>

**yamaha12** · 09/06/2009, 19h24

Envoyé par HiRoN

Le problème vient du fait que les option ne sont pas fermées (pour le problème en question)...
Attention à la génération de ta page, un DocType doit être unique ainsi que les balises de base body, head etc... Ce qui n'est pas ton cas.

Bref, tu ne dois avoir qu'une seule fois :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<!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>menu</title>
</head>
 
<body>
Ton contenu
</body>
</html>

Ok merci HiRoN, donc enfaite pour avoir un DocType unique et tout le reste il faudrait que je suprime tout les Doctype, body et tout des différents fichier include c'est bien sa?? mais sa ne va pas engendrer des erreurs des les retirer des fichier inclus??

Merci pour les infos

Merci aussi pour les "options" j'ai trouvé du coup où était les infos

Edit: Du coup sa me retire quand même de nombreuses fautes mais sa me génère une nouvelle:

Line 60, Column 45: character data is not allowed here

<option value='0' selected='selected'/>Choisissez

✉

You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include:

* putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>), or
* forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes), or
* using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/') character. For more information about the reasons for this, see Empty elements in SGML, HTML, XML, and XHTML.

J'ai essayer plusieurs choses mais sa ne fonctionne pas

Merci

**HiRoN** · 09/06/2009, 19h53

Envoyé par yamaha12

Ok merci HiRoN, donc enfaite pour avoir un DocType unique et tout le reste il faudrait que je suprime tout les Doctype, body et tout des différents fichier include c'est bien sa?? mais sa ne va pas engendrer des erreurs des les retirer des fichier inclus??

Non

Dans l'idée (exemple simple) :

Page index.php :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<!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>menu</title>
</head>
 
<body>
<?php include('header.php'); ?>
</body>
</html>

Page header.php (donc pas de DocType, ni de balises de base)

Code HTML :

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

1
2
3
<div id="header">
Ton Contenu
</div>

La page "header.php" sera incluse dans index.php (mais DocType déclaré dans index.php).
Ce qui compte : le code généré

Pour l'erreur :
A quoi correspond ✉ ?
- Soit option pas fermé.
- Soit il n'aime pas la simple quote (normalement tu aurais du mettre des doubles).
- Soit tu tentes de mettre un caractère invalide dans ton option.

**yamaha12** · 09/06/2009, 21h20

Merci pour l'info des include sa me retire de nombreuses erreurs, terrible

Envoyé par HiRoN

Pour l'erreur :
A quoi correspond ✉ ?
- Soit option pas fermé.
- Soit il n'aime pas la simple quote (normalement tu aurais du mettre des doubles).
- Soit tu tentes de mettre un caractère invalide dans ton option.

- Donc le ✉, désolé c'est juste un marquage du validatoeur (désolé...)
- L'option est bien fermé je pense non???

- Donc j'ai remplacer les simple quote par les doubles

- je ne pense pas mettre un caractère invalide dans l'option.

Je ne compris pas d'où viennent ces dernières erreurs qui se répète pour chaque valeur du tableau:

0 => "Choisissez",
1 => "Demande de prix",
2 => "Renseignement technique",
3 => "Demande de visite commerciale",
4 => "Visite de l'usine",
5 => "Autre",

Merci pour toute votre aide

**HiRoN** · 09/06/2009, 21h54

Au vu du code, tu ne refermes pas tes option...

Une liste déroulante se construit normalement ainsi :

Code HTML :

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

1
2
3
<select>
<option>1</option>
</select>

Il te manque donc un echo renvoyant la balise fermante (le </option>)...

**yamaha12** · 09/06/2009, 22h33

Envoyé par HiRoN

Au vu du code, tu ne refermes pas tes option...

Une liste déroulante se construit normalement ainsi :

Code HTML :

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

1
2
3
<select>
<option>1</option>
</select>

Il te manque donc un echo renvoyant la balise fermante (le </option>)...

Ok merci c'était sa le problème encore désolé

Je me rappelais plus qu'il se fermait par </option> donc je l'avais fermé par />

Merci a toi HiRoN

Excuse d'abuser mais au cas que que vous sachiez:
Au niveau de ce code:

Code :

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

1
2
3
4
5
      <script type="text/javascript">
AC_FL_RunContent( 'type','application/x-shockwave-flash','data','diapo.swf?xml=diapo_thermodur.xml&timer=5&showtitles=1','width','450','height','413','movie','diapo?xml=diapo_thermodur.xml&timer=5&showtitles=1' ); //end AC code
</script><noscript><object type="application/x-shockwave-flash" data="diapo.swf?xml=diapo_thermodur.xml&amp;timer=5&amp;showtitles=1" width="550" height="413">
        <param name="movie" value="diapo.swf?xml=diapo_thermodur.xml&amp;timer=5&amp;showtitles=1" />
      </object></noscript>

C'est un code javascript permettant un diaporama

Il me génère une dizaine d'erreurs donc j'ai mis des commentaires HTML
, avec cela plus d'erreurs mais est-ce la bonne solution?? ou c'est plutôt une rustine a mon problème??

erreur W3C du mal à résoudre [XHTML 1.0]

HTML

Discussions similaires

Partager

Partager