Problème HTML

07-01-2012 12:47:17

J'avis réglé le problème du footer.
Mais voilà qu'il fait encore des siennes:[url]http://www.casimages.com/img.php?i=120107010342176974.png[/url]
Mais le validateur html du W3Cm'indique plusieurs erreurs, 9 exactement, que je ne comprends pas:

[quote]Error Line 55, Column 13: No space between attributes.

<div id= "worpg">

✉
Error Line 55, Column 18: Quote " in attribute name. Probable cause: Matching quote missing somewhere earlier.

<div id= "worpg">

✉
Warning Line 55, Column 19: Attribute worpg" is not serializable as XML 1.0.

<div id= "worpg">

✉
Error Line 55, Column 19: Bad value mot_de_passe /> </p> </form> <footer> <div id= for attribute id on element input: An ID must not contain whitespace.

<div id= "worpg">

Syntax of id:
An ID consists of at least one character but must not contain any whitespace.

Error Line 55, Column 19: Attribute worpg" not allowed on element input at this point.

<div id= "worpg">

Attributes for element input:
Global attributes
accept
alt
autocomplete
autofocus
checked
dirname
disabled
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height
list
max
maxlength
min
multiple
name
pattern
placeholder
readonly
required
size
src
step
type
value
width

Error Line 57, Column 8: End tag div seen, but there were open elements.

</div>

✉
Error Line 49, Column 48: Unclosed element form.

<form method="post" action="traitement.php">

✉
Error Line 61, Column 12: Stray end tag footer.

</footer>

✉
Error Line 62, Column 8: Stray end tag div.

</div>

✉
Error Line 51, Column 32: The for attribute of the label element must refer to a form control.

<label for="mot_de_passe">Votre mot de passe</label>: <input type="text" …[/quote]
Voici mon code:

Code:

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />

              <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if lte IE 7]>
        <link rel="stylesheet" href="style_ie.css" />
        <![endif]-->
        <link rel="stylesheet" href="style_3.css" />
            <title>The-World-Of-RPG, la référence sur les rpg</title>
      </head>
      <body>    
        <div id="text_page"> 
         <header>  
            <div id="banniere">
             <img src="banniere_worpg2.png" alt="bannière"/>       
                </div>
                <div id="titre_principal">
                <h1>The World Of RPG</h1>
                </div>
        </header>    
            <nav>    
                        <ul>
                            <li><a href="#">Dossier</a></li>
                            <li><a href="#">Jeu en ligne</a></li>
                            <li><a href="#">Soluce</a></li>
                            <li><a href="#">Fanarts</a></li>
                            <li><a href="#">Salle de réunion</a></li>
                        </ul>
            </nav>
        <section>    
            <article>        
                <div id="presentation">
                <div id="incription"><img src="images/ico_epingle.png" alt="Catégorie voyage" class="ico_categorie" /><h1>Incrivez-vous!</h1></div>
                <p>Bienvenue dans l'espace d'inscription de WORPG!</p>
                <p>Bien des aventures vous attendent, mais il vous faudra remplir des missions, étudier à  l'académie des soldats et prouver votre valeur en affrontant les autres membres et défendre votre alliance au sein de l'abysse. Vous devrez braver tous les dangers et vous montrer d'une force et d'une stratégie incroyable pour un jour, vouloir rejoindre l'élite de votre alliance. Vous pourrez aussi vous joindre à une guilde et participer à des matchs contre les autres guildes. Choisissez vous un équipier et ensemble, devenez maître de l'abysse!</p>
                </div>
            </article>
        </section>        
                <form method="post" action="traitement.php">
                    <p>
                        <label for="pseudo">Votre pseudo</label> : <input type="text" name="pseudo" id="pseudo" />
                    </p>
                </form>

                <form method="post" action="traitement.php">
                    <p>
                        <label for="mot_de_passe">Votre mot de passe</label>: <input type="text" name="mot_de_passe" id="mot_de_passe />
                    </p>
                </form>
        <footer>
        <div id= "worpg">
            <p class="left"><a href="#">WORPG</a> &copy; 2012 <a href="#">FreneZia</a><br /><a href="#">WORPG</a> est né à Libourne</p>
        </div>
            <div id="bug">
            <p class="right"><a href="#">Demander de l'aide</a> <a href="#">Consulter les règles</a><br /><a href="#">Signaler un bug</a> <a href="#">Signaler une erreur</a></p>
            </div>
            </footer>
        </div>
    </body>
</html>

Dernière modification par sasuke33500 (07-01-2012 12:55:38)

07-01-2012 18:01:23

[i]- Supprime les espaces après tes id ou peut-être que ce sont tes ancres worpg qui bug avec tes class worpg ...
- Les balises <label>, ça sert à rien.
Ou alors fais comme ça[/i]:

Code:

<form method="post" action="traitement.php">
                    <p>
                        <label for="pseudo">Votre pseudo</label> : <input type="text" name="pseudo" id="pseudo"/><br/>
                        <label for="mot_de_passe">Votre mot de passe</label>: <input type="text" name="mot_de_passe" id="mot_de_passe />
                    </p>
</form>

[i]- Tu mets trop de balises <div>[/i].

Code:

<div id="presentation">
                <div id="incription"><img src="images/ico_epingle.png" alt="Catégorie voyage" class="ico_categorie" /><h1>Incrivez-vous!</h1></div>
                <p>Bienvenue dans l'espace d'inscription de WORPG!</p>
                <p>Bien des aventures vous attendent, mais il vous faudra remplir des missions, étudier à  l'académie des soldats et prouver votre valeur en affrontant les autres membres et défendre votre alliance au sein de l'abysse. Vous devrez braver tous les dangers et vous montrer d'une force et d'une stratégie incroyable pour un jour, vouloir rejoindre l'élite de votre alliance. Vous pourrez aussi vous joindre à une guilde et participer à des matchs contre les autres guildes. Choisissez vous un équipier et ensemble, devenez maître de l'abysse!</p>
                </div>

[i]Applique class à un <p> ou à un titre, c'est moins prise de tête.[/i]

07-01-2012 18:41:06

[quote=Chen Bond][i]- Supprime les espaces après tes id ou peut-être que ce sont tes ancres worpg qui bug avec tes class worpg ...
- Les balises <label>, ça sert à rien.
Ou alors fais comme ça[/i]:

Code:

<form method="post" action="traitement.php">
                    <p>
                        <label for="pseudo">Votre pseudo</label> : <input type="text" name="pseudo" id="pseudo"/><br/>
                        <label for="mot_de_passe">Votre mot de passe</label>: <input type="text" name="mot_de_passe" id="mot_de_passe />
                    </p>
</form>

[i]- Tu mets trop de balises <div>[/i].

Code:

<div id="presentation">
                <div id="incription"><img src="images/ico_epingle.png" alt="Catégorie voyage" class="ico_categorie" /><h1>Incrivez-vous!</h1></div>
                <p>Bienvenue dans l'espace d'inscription de WORPG!</p>
                <p>Bien des aventures vous attendent, mais il vous faudra remplir des missions, étudier à  l'académie des soldats et prouver votre valeur en affrontant les autres membres et défendre votre alliance au sein de l'abysse. Vous devrez braver tous les dangers et vous montrer d'une force et d'une stratégie incroyable pour un jour, vouloir rejoindre l'élite de votre alliance. Vous pourrez aussi vous joindre à une guilde et participer à des matchs contre les autres guildes. Choisissez vous un équipier et ensemble, devenez maître de l'abysse!</p>
                </div>

[i]Applique class à un <p> ou à un titre, c'est moins prise de tête.[/i][/quote]
Effectivement, les espaces enlevés ont réduit mes erreurs.
Par contre, pour remplacer mes div par des class, j'ai pas compris.
Et qu'as tu changé avec mes label?

08-01-2012 11:40:45

[quote]Effectivement, les espaces enlevés ont réduit mes erreurs.
Par contre, pour remplacer mes div par des class, j'ai pas compris.[/quote]
En fait, avec une balise, tu peux sois lui mettre un id : <div id="test">, ou alors tu peux lui mettre une class : <div class="test">

Un id est unique dans toute ta page, une class peut-être réutilisée autant de fois que tu le souhaite. L'intérêt d'utiliser une classe est d'appliquer un même style à plusieurs balises, comme ça, tu ne dois définir ton style qu'une seule fois pour toutes ces balises.

Enfin, il faut bien comprendre que TOUTES les balises peuvent avoir un attribut id et un attribut class (il est possible qu'il y ait les deux pour une même balise).

08-01-2012 17:15:29

[quote=sasuke33500]Et qu'as tu changé avec mes label?[/quote]
Je me suis planté, je voulais les supprimer dans le code.

Code:

<form method="post" action="traitement.php">
<p>
Votre pseudo: <input type="text" name="pseudo" id="pseudo"/><br/>
Votre mot de passe: <input type="text" name="mot_de_passe" id="mot_de_passe />
</p>
</form>

Comme ceci.

Forums » Problème HTML:

Problème HTML

07-01-2012 12:47:17

Re: Problème HTML

Code:

07-01-2012 18:01:23

Re: Problème HTML

Code:

Code:

07-01-2012 18:41:06

Re: Problème HTML

Code:

Code:

08-01-2012 11:40:45

Re: Problème HTML

08-01-2012 17:15:29

Re: Problème HTML

Code:

Pages: 1 2 3

Pied de page des forums