Salut à tous,
Je vous contacte car je souhaite valider mon site par W3C, il y avait pas mal d'erreurs mais une grande majorité a été résolue.
Site : http://validator.w3.org
Cependant, je cale sur une erreur en particulier, en effet, j'obtiens ce message :
Cela veut dire que j'utilise plusieurs fois le même id dans la page (ici en l'occurence 'left_haut'). Il faut donc définir une classe dans le css. J'ai beau essayé de suivre des tutoriels sur le net mais aucun ne fonctionne avec moi.Line 39, Column 15: ID "left_haut" already defined
<div id="left_haut"><h3>Menu</h3></div>
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
Voici le code qui a déclenché cette erreur :
Code xhtml : 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 <div id="left"> <div id="left_haut"><h3>Connexion</h3></div> <div id="leftbk"> <p>Vous n'êtes pas identifié</p> <form action="login.php" method='post'> <p>Identifiant :</p> <p><input type="text" name="login" maxlength="250"/></p> <p>Mot de passe :</p> <p><input type="password" name="pass" maxlength="30"/></p> <p><input type="submit" value="Connexion"/></p> <p><a href="register.php">Inscription</a></p> <p><a href="lostpassword.php">Mot de passe perdu ?</a></p> </form> </div> <div id="left_bas"></div> <div id="left_haut"><h3>Menu</h3></div> <div id="leftbk"> <a title="Lien" href="../index.php">Accueil</a><br /> <a title="Lien" href="../games/adresse.php">Adresse</a><br /> <a title="Lien" href="../games/arcade.php">Arcade</a><br /> <a title="Lien" href="#">Aventure</a><br /> <a title="Lien" href="#">Casino</a><br /> <a title="Lien" href="#">Débile</a><br /> <a title="Lien" href="#">Divers</a><br /> <a title="Lien" href="#">Guerre</a><br /> <a title="lien" href="../games/puzzle.php">Puzzle</a><br /> <a title="Lien" href="#">Réflexion</a><br /> <a title="Lien" href="#">Sport</a><br /> </div> <div id="left_bas"></div> </div> </div>
Et voici la partie du css qui faut transformer en classe :
J'ai eu beau essayé de créer une classe mais rien n'y fait, seulement le texte est affiché tout le reste passe à la trappe.
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 #left_haut { margin-left:62px; height: 37px; width: 211px; position: relative; background: url(images/left-top.jpg) no-repeat; } #left_haut h3 { padding-top:13px; text-align:center; font-size: 1.2em; color:#FFFFFF; margin:0px; } #leftbk { margin-left:62px; width: 211px; background: url(images/left-bk.jpg) repeat-y; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 5px; position: relative; } #left_bas { margin-left:62px; height: 15px; width: 211px; background: url(images/left-bottom.jpg) repeat-y; position: relative; }
Voici le code avec les différentes classes (peut être que j'ai fait une erreur)
Code xhtml : 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 <div id="left"> <B class="left_haut1"><h3>Connexion</h3></B> <B class="leftbk1"> <p>Vous n'êtes pas identifié</p> <form action="login.php" method='post'> <p>Identifiant :</p> <p><input type="text" name="login" maxlength="250"/></p> <p>Mot de passe :</p> <p><input type="password" name="pass" maxlength="30"/></p> <p><input type="submit" value="Connexion"/></p> <p><a href="register.php">Inscription</a></p> <p><a href="lostpassword.php">Mot de passe perdu ?</a></p> </form> </B> <B class="left_bas1"></B> <B class="left_haut2"><h3>Menu</h3></B> <B class="leftbk2"> <a title="Lien" href="../index.php">Accueil</a><br /> <a title="Lien" href="../games/adresse.php">Adresse</a><br /> <a title="Lien" href="../games/arcade.php">Arcade</a><br /> <a title="Lien" href="#">Aventure</a><br /> <a title="Lien" href="#">Casino</a><br /> <a title="Lien" href="#">Débile</a><br /> <a title="Lien" href="#">Divers</a><br /> <a title="Lien" href="#">Guerre</a><br /> <a title="lien" href="../games/puzzle.php">Puzzle</a><br /> <a title="Lien" href="#">Réflexion</a><br /> <a title="Lien" href="#">Sport</a><br /> </div> </B> <B class="left_bas2"></B> </div>
et la partie de la feuille de style modifiée pour faire des classes :
Je vous remercie de l'aide que vous allez m'apporter et peut être vous allez voir où est ce que çà cloche car là je sèche ^^
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 B.left_haut1{ margin-left:62px; height: 37px; width: 211px; position: relative; background: url(images/left-top.jpg) no-repeat; } B.left_haut2{ margin-left:62px; height: 37px; width: 211px; position: relative; background: url(images/left-top.jpg) no-repeat; } B.left_haut2 h3 { padding-top:13px; text-align:center; font-size: 1.2em; color:#FFFFFF; margin:0px; } B.leftbk1 { margin-left:62px; width: 211px; background: url(images/left-bk.jpg) repeat-y; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 5px; position: relative; } B.leftbk2 { margin-left:62px; width: 211px; background: url(images/left-bk.jpg) repeat-y; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 5px; position: relative; } B.left_bas1 { margin-left:62px; height: 15px; width: 211px; background: url(images/left-bottom.jpg) repeat-y; position: relative; } B.left_bas2 { margin-left:62px; height: 15px; width: 211px; background: url(images/left-bottom.jpg) repeat-y; position: relative; }
++
Winjet
Partager