Erreurs lors de la validation

**Mehdi51** · 02/08/2019, 21h36

Bonjour a tous

bon voila je vous explique, je suis actuellement en cours de création d'une page web en html et css. je bloque sur la correction validator w3 celui du css c'est passé comme sur des roulettes mais pour la partie html je ne comprend rien je bloque total, je viens donc vers vous pour savoir si il serait possible de me sortir de la du moins me filer un coup de pousse.

et oui j'ai essaye les recherches google avec les erreurs mais sa ne m'aide pas plus que sa au contraire lol

merci

ps: si vous vous posez la question c'est bien mon premier site internet.

Invité · 03/08/2019, 11h14

Bonjour et bienvenu sur DVP.

Sans code ni page en ligne, que veux-tu qu'on te dise ?

**Mehdi51** · 03/08/2019, 12h14

Désole hier avec le travaille plus la page internet qui me rend un peux fou j'ai tous eteind direction dodo

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
    <!DOCTYPE html>
<html  lang="fr">
<head>
 <meta charset="UTF-8">
  <title>Wild Circus</title>
  <style>
@import url('https://fonts.googleapis.com/css?family=Amatic+SC&display=swap');
</style> 
 <link rel="stylesheet" href="https://use.fontawesome.com/73d812ac28.css">
  <!--- uncomment on local files: <link href="monstyle2.css" rel="stylesheet" type="text/css"> -->
</head>
<body>
    <header>
      <div class="row">
      <div class="logo-row">
      <img src="https://zupimages.net/up/19/31/pwbo.png" alt="logocircus" class="logo">
      </div>
    </div>
 
 
      <nav>
        <ul>
          <div id="circusNavbar" class="collapse navbar-collapse">
          <ul class="navbar-nav mr-auto mt-2 mt-md-0">
          <!-- TODO: Les liens du menu doivent nous emmener vers les sections correspondantes dans la page -->
 
            <li class="nav-item"><a class="nav-link" href="#perf">Performances</a></li>-
            <li class="nav-item"><a class="nav-link" href="#about">About Us</a></li>-
            <li class="nav-item"><a class="nav-link" href="#prices">Prices</a></li>-
            <li class="nav-item"><a class="nav-link" href="#contact">Contact Us</a>
 
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </header>
 
    <section id="perf">
      <h2 class="title titledark">Performances</h2>
      <!-- TODO: En utilisant du css place ces trois performances ("lough", "dream, "marvel at") sur la même ligne en enlevant le point généré par la balise "li". Attention, utilise bien le css pour aligner les éléments, tu ne dois pas enlever les balises "li"-->
 <ul>
     <ul id="menuPerf">
       <li>
 
           <h3 class="title">Laugh</h3>
         <img src="https://zupimages.net/up/19/31/7yw5.png" class="img-fluid perfImages" alt="img 2 clown"/>
         <p class="caption">As an adult, come and discover our irresistible clowns, between practical jokes and pranks let yourself be carried away by their joy and fall back into childhood.</p>
 
         </li>
        <!-- performance 2 -->
         <li>
 
            <h3 class="title">Dream</h3>
           <img src="https://zupimages.net/up/19/31/ywjy.png" class="img-fluid perfImages" alt="img magician"/>
          <p class="caption">Let yourself be carried away in a world where the real and the imaginary are one, in the company of our talented magicians, discover a wonderful world limited only by your imagination.</p>
 
         </li>
         <!-- performance 3 -->
         <li>
 
            <h3 class="title">Marvel at</h3>
           <img src="https://zupimages.net/up/19/31/nq8o.png" class="img-fluid perfImages" alt="img magician"/>
            <p class="caption">Tame the untameable in the company of our tamers, between roar and razor-sharp claws, watch these fierce felines turn into sweet kittens.</p>
 
         </li>
      </ul>
  </section>
 
   <section id="about">
      <h2>About Us</h2>
        <div id="textAbout">
         <h4> Circus Wild was born in 1960 by Tom Wild and his wife Tatiana.
Fascinated by the artistic world and animals, they decided to embark with their brothers and sisters in 1958 in the streets of the French capital: magic, mime, acrobatics.
 
The success was quickly met and only two years later, the Wild family plant their first tent.
 
59 years later, the family is more than present in the whole world and the pleasure to make you live a marvelous experience, now accompanied by their faithful companions: the giraffe Sophie, the elephants Dumbo & Babar and the last recruits who aroused a cartoon Disney Simba & Nala.
Circus Wild promises an exceptional show: magic, high-flying, humor, incredible animals, thrills and full-blown stars for young and old. </h4>
 
         <iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&layout=button&size=large&width=89&height=28&appId" width="89" height="28" style="border:none;overflow:hidden" scrolling="no" seamless="0" allowTransparency="true" allow="encrypted-media"></iframe> <iframe width="560" height="315" src="https://www.youtube.com/embed/77dpFQALC1A" seamless="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 
         </div>
      </div>
    </section>
 
    <section id="prices" classe="container">
      <h2 class="title titledark">Prices</h2>
      <!-- TODO:  Réalise un tableau qui présente les différents prix. Exemple (aggrandis la fenêtre en largeur pour bien voir l'exemple ci-dessous) :
 
                                | Adultes | Enfants de moins de 12 ans | Groupes (plus de 10 personnes) | Ecoles
        Semaines hors mercredi  |         |                         |                                |
        week-end et mercredi    |         |                         |                                |
      -->
 
      <p id="announcement"></p>
      <table id="prices" class="table table-bordered">
        <thead>
 
          <TABLE width=60% border=1> 
					<tr>
 
            <th>Prices</th>
            <th class="1">Adults<br/>
            <th class="2">Children<br/>-12 years</th>
				<th class="3">Group<br/>+10</th>
				<th class="4">Shcool<br/></th>
          </tr>
				</thead>
				<tbody>
            <th scope="row">Weekday<br/>(Exept Wenesday)</th>
            <td class="1">12€</td>
            <td class="2">13€</td>
						<td class="3">100€</td>
						<td class="4">10€</td>
          </tr>
          <tr>
						<th scope="row">Week-end &<br/>(Wenesday)</th>
            <td class="1">14€</td>
            <td class="2">15€</td>
						<td class="3">120€</td>
						<td class="4">12€</td>
          </tr> 
            </table>
         </tbody>
      </table>
   </section>
  </div>
 
     <section>
    <!-- TODO: Réalise un formulaire de contact avec les champs email et message plus un bouton pour envoyer le message. Pense bien à ajouter les labels pour les différents champs
        Ce formulaire n'a pas besoin d'être fonctionnel, réalise juste la mise en forme.
      -->
         <section id="contact" class="container">
			<h2 class="title titlelight">Contact Us</h2>
           <div class="cont/">
      <form action="#" method="post">
        <div>
          <label for="name">Name:</label>
          <input id="name" name="user_name" type="text" placeholder="Name">
        </div>
        <div>
          <label for="mail">Mail:</label>
          <input id="mail" name="user_mail" type="email" placeholder="Example@.com">
        </div>
        <div>
          <label for="msg">Message:</label>
          <textarea id="msg" name="user_message"></textarea>
        </div>
        <div class="button">
          <button type="submit">Send message</button>
        </div>
			</form>
    </section>
  </div>
<footer>
      <!-- TODO: Entre ton nom et prénom.
        Mets en place un lien vers le site de la Wild Code School (https://wildcodeschool.fr) ainsi que le lien vers ton profil public France.ioi (avec les 16 premiers exercies de réalisés).
        Tu peux egalement mettre un lien sur ton nom vers ton site, ton blog ou ton profil github ou linkedin, si tu en a un.
       -->
      <p>Wild Circus by Benhamou Mehdi - <a href="http://www.franceioi.org/user/perso.php?sLogin=lungy/" target="_blank" rel="noopener noreferrer">France-IOI -<a href="https://wildcodeschool.fr/" target="_blank" rel="noopener noreferrer">Wild Code School</a>-(30/07/2019)</a></p>
    </footer>
</body>
</html>

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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
   Error: Element div not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
 
    From line 23, column 11; to line 23, column 66
 
              <div id="circusNavbar" class="collapse navbar-collapse">↩     
 
    Contexts in which element div may be used:
        Where flow content is expected.
        As a child of a dl element.
    Content model for element ul:
        Zero or more li and script-supporting elements.
 
    Error: End tag nav seen, but there were open elements.
 
    From line 35, column 7; to line 35, column 12
 
    iv>↩      </nav>↩    <
 
    Error: Unclosed element ul.
 
    From line 22, column 9; to line 22, column 12
 
    >↩        <ul>↩     
 
    Error: Stray end tag div.
 
    From line 36, column 5; to line 36, column 10
 
    /nav>↩    </div>↩  </h
 
    Error: Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
 
    From line 43, column 6; to line 43, column 23
 
    <ul>↩     <ul id="menuPerf">↩     
 
    Contexts in which element ul may be used:
        Where flow content is expected.
    Content model for element ul:
        Zero or more li and script-supporting elements.
 
    Error: End tag section seen, but there were open elements.
 
    From line 68, column 3; to line 68, column 12
 
      </ul>↩  </section>↩     
 
    Error: Unclosed element ul.
 
    From line 42, column 2; to line 42, column 5
 
     "li"-->↩ <ul>↩     
 
    Error: Attribute seamless not allowed on element iframe at this point.
 
    From line 81, column 10; to line 81, column 327
 
    ↩         <iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fdevelopers.faceboo…;overflow:hidden" scrolling="no" seamless="0" allowTransparency="true" allow="encrypted-media"></iframe> <
 
    Attributes for element iframe:
        Global attributes
        src — Address of the resource
        srcdoc — A document to render in the iframe
        name — Name of nested browsing context
        sandbox — Security rules for nested content
        allow — Feature policy to be applied to the iframe's contents
        allowfullscreen — Whether to allow the iframe's contents to use requestFullscreen()
        allowpaymentrequest — Whether the iframe's contents are allowed to use the PaymentRequest interface to make payment requests
        width — Horizontal dimension
        height — Vertical dimension
        referrerpolicy — Referrer policy for fetches initiated by the element
 
    Error: The scrolling attribute on the iframe element is obsolete. Use CSS instead.
 
    From line 81, column 10; to line 81, column 327
 
    ↩         <iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fdevelopers.faceboo…;overflow:hidden" scrolling="no" seamless="0" allowTransparency="true" allow="encrypted-media"></iframe> <
 
    Error: The allowtransparency attribute on the iframe element is obsolete. Use CSS instead.
 
    From line 81, column 10; to line 81, column 327
 
    ↩         <iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fdevelopers.faceboo…;overflow:hidden" scrolling="no" seamless="0" allowTransparency="true" allow="encrypted-media"></iframe> <
 
    Error: Attribute seamless not allowed on element iframe at this point.
 
    From line 81, column 338; to line 81, column 527
 
    ame> <iframe width="560" height="315" src="https://www.youtube.com/embed/77dpFQALC1A" seamless="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <
 
    Attributes for element iframe:
        Global attributes
        src — Address of the resource
        srcdoc — A document to render in the iframe
        name — Name of nested browsing context
        sandbox — Security rules for nested content
        allow — Feature policy to be applied to the iframe's contents
        allowfullscreen — Whether to allow the iframe's contents to use requestFullscreen()
        allowpaymentrequest — Whether the iframe's contents are allowed to use the PaymentRequest interface to make payment requests
        width — Horizontal dimension
        height — Vertical dimension
        referrerpolicy — Referrer policy for fetches initiated by the element
 
    Warning: The charset attribute on the script element is obsolete.
 
    From line 81, column 656; to line 81, column 731
 
    t</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>↩ 
 
    Error: Stray end tag div.
 
    From line 84, column 7; to line 84, column 12
 
    iv>↩      </div>↩    <
 
    Error: Attribute classe not allowed on element section at this point.
 
    From line 87, column 5; to line 87, column 44
 
    >↩   ↩    <section id="prices" classe="container">↩     
 
    Attributes for element section:
        Global attributes
 
    Error: Duplicate ID prices.
 
    From line 97, column 7; to line 97, column 54
 
    /p>↩      <table id="prices" class="table table-bordered">↩     
 
    Warning: The first occurrence of ID prices was here.
 
    From line 87, column 5; to line 87, column 44
 
    >↩   ↩    <section id="prices" classe="container">↩     
 
    Error: Start tag for table seen but the previous table is still open.
 
    From line 98, column 16; to line 100, column 36
 
       <thead>↩          ↩          <TABLE width=60% border=1> ↩				
 
    Error: Unclosed elements on stack.
 
    From line 98, column 16; to line 100, column 36
 
       <thead>↩          ↩          <TABLE width=60% border=1> ↩				
 
    Error: The width attribute on the table element is obsolete. Use CSS instead.
 
    From line 98, column 16; to line 100, column 36
 
       <thead>↩          ↩          <TABLE width=60% border=1> ↩				
 
    Error: The border attribute on the table element is obsolete. Use CSS instead.
 
    From line 98, column 16; to line 100, column 36
 
       <thead>↩          ↩          <TABLE width=60% border=1> ↩				
 
    Error: Stray end tag thead.
 
    From line 108, column 16; to line 109, column 12
 
         </tr>↩				</thead>↩				<
 
    Error: th start tag in table body.
 
    From line 110, column 12; to line 111, column 28
 
    			<tbody>↩            <th scope="row">Weekda
 
    Error: Stray end tag tbody.
 
    From line 125, column 10; to line 125, column 17
 
    ↩         </tbody>↩     
 
    Error: Stray end tag table.
 
    From line 126, column 7; to line 126, column 14
 
    dy>↩      </table>↩   </
 
    Error: Stray end tag div.
 
    From line 128, column 3; to line 128, column 8
 
    ection>↩  </div>↩↩    
 
    Error: End tag section seen, but there were open elements.
 
    From line 154, column 5; to line 154, column 14
 
    form>↩    </section>↩  </d
 
    Error: Unclosed element div.
 
    From line 136, column 12; to line 136, column 30
 
              <div class="cont/">↩     
 
    Error: Stray end tag div.
 
    From line 155, column 3; to line 155, column 8
 
    ection>↩  </div>↩<foot
 
    Error: Start tag a seen but an element of the same type was already open.
 
    From line 161, column 161; to line 161, column 239
 
    ance-IOI -<a href="https://wildcodeschool.fr/" target="_blank" rel="noopener noreferrer">Wild C
 
    Error: Stray end tag a.
 
    From line 161, column 273; to line 161, column 276
 
    0/07/2019)</a></p>↩ 
 
    Error: End tag for body seen, but there were unclosed elements.
 
    From line 163, column 1; to line 163, column 7
 
    </footer>↩</body>↩</htm
 
    Error: Unclosed element section.
 
    From line 130, column 6; to line 130, column 14
 
    iv>↩↩     <section>↩    <
 
    Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
 
    From line 130, column 6; to line 130, column 14
 
    iv>↩↩     <section>↩    <

Invité · 03/08/2019, 12h31

Code :

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

1
2
3
        <ul>
          <div id="circusNavbar" class="collapse navbar-collapse">
          <ul class="navbar-nav mr-auto mt-2 mt-md-0">

Déjà là, la structure HTML n'est pas respectée.
Voir : balises <ul><li>

Code :

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

1
2
            <li ...><a ...>Performances</a></li>-
            <li ...><a ...>About Us</a></li>-

Que font ces tirets en dehors des <li> ?

Là non plus, ce n'est pas valide.

Corrige au fur et à mesure.

**Mehdi51** · 04/08/2019, 20h02

bonjour a tous

bon voila pas facile du tout mais j'ai enfin réussi a corriger toutes mes erreurs pour avoirs la belle page de w3c avec la petit bande verte

@jreaux62: oui en effet tu avais raison j'ai corriger au fur et a mesure donc:
mes navigations =gros bordel
mon tableau= gros bordel
et mes balise réseaux sociaux et lien de la video you tube gros bordel.

donc maintenant gros boulot de designe de la page et essaye de remettre au minimum la video you tube par css

merci !

je pense pas que on peux dire que le sujet est resolu

Erreurs lors de la validation [W3C]

HTML

Discussions similaires

Partager

Partager