Code HTML invalide

par Wilhemina Mar 22 Nov 2016 - 15:29

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 22/11/2016
Lien du forum : http://specialisreveliorpg.forumactif.com

Description du problème

Bonjour tout le monde !

Je suis en train de créer un nouveau forum et je n'arrive pas à valider un code HTML. Il s'agit de la fiche partenaire et lorsque je veux valider, il indique un encadré rouge "Error HTML". Or je ne comprends vraiment pas ce qui cloche dans mon code. Cela dit je ne suis pas une pro du codage. Pouvez-vous m'aider svp ?

Voici mon code :

Code:: <meta charset="UTF-8" /><title>Fiche Partenaire - Specialis Revelio</title><center><table><tr> <td><div style="width: 425px; height: 700px; background-color: #12202c; text-align: justify; font-size: 9px; color: #EFEFEF;"><img src="http://www.zupimages.net/up/16/45/1h7t.png" style="width:100%;" /><br><div style="font-family: 'Megrim'; font-size: 30px; color: #B08689; text-align: center;">Specialis Revelio<br>ϟ RPG Harry Potter</div> <div style="padding: 25px; width: 380px; height: 150px; font-size: 10px;"><b>Contexte</b> • <i>Situation temporelle : 19 ans après la Grande Guerre de Poudlard en 1998. Nous sommes donc en 2017. La Grande Révélation a eu lieu en 2008, 10 ans après la Bande Guerre. À partir de ce moment-là, les camps ont mis entre 1 et 5 ans à se former dans le monde entier. Aujourd'hui, nous sommes à New York et sorciers et moldus cohabitent. Point de concentration : Le Wizarding College of New York.</i><br><br> <blockquote>« Londres, Paris, New York, Berlin, Budapest, un évènement incroyable vient de se produire. Des hommes vêtus de costumes vieillots et qui ont l'air de sortir tout droit d'un compte de fée se sont matérialisés devant des milliers de caméras partout dans le monde. Nous sommes en direct devant le Big Ben où se tient un discourt pour le moins incroyable. L'homme que vous voyez debout devant tout le monde affirme avoir des pouvoirs magiques et dit être un sorcier. À en croire ses paroles, ils sont partout sur la planète et sont là depuis toujours sans qu'on ne les remarque. Apparemment... Oh mon dieu ! Que fait-il ? Comment... »</blockquote><br><br> L'homme désigné par le journaliste venait de sortir sa baguette et faisait léviter à plusieurs mètres du sol six voitures en même temps.<br><br> <blockquote>« Je n'en crois pas mes yeux, repris le journaliste, est-ce l'opération marketing la plus grande du monde ? Nous ne savons pas mais si c'est le cas, c'est réussis. »</blockquote><br><br> Partout dans le monde, les gens étaient scotchés devant leur télé ou sur place, devant ces hommes et femmes hors du commun. Toutes les chaînes de tous les médias - Télévision, Radio, etc. - explosèrent leur record d'audience. Le monde était comme figé devant un tel spectacle. Il s'agissait certainement de l'évènement mondial le plus incroyable de l'Histoire de l'humanité. Des sorciers... Cette appellation était dans toutes les bouches et dans toutes les oreilles. </div> </td> <td><div style="width: 150px; height: 650px; position: relative; left: -5px; padding: 25px; background-color: #B08689; font-size: 10px; color: #FFFFFF;"><div style="font-family: 'Megrim', cursive; font-size: 25px; color: #1F1F1F; text-align: center;">Liens utiles</div><br> Le règlement <a href="http://specialisreveliorpg.forumactif.com/t1-reglement-general-de-specialis-revelio" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Le contexte complet <a href="http://specialisreveliorpg.forumactif.com/t2-contexte-de-specialis-revelio" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Les camps <a href="http://specialisreveliorpg.forumactif.com/t7-4-les-camps" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Explications <a href="#" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Les groupes <a href="http://specialisreveliorpg.forumactif.com/t9-3-les-groupes" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Les prédéfinis <a href="http://specialisreveliorpg.forumactif.com/f15-predefinis" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br><br><br> <img src="http://cdn0.dailydot.com/cache/84/fc/84fc2366d0a7fc16ffcf270536ae99d9.jpg" style="width: 145px;"><br><br> ► Grande liberté dans la <span style="color: #84A4B5;" /><b>création des personnages</b></span><br> ► L'histoire se déroule à <span style="color: #84A4B5;" /><b>New York</b></span><br> ► Ambiance <span style="color: #84A4B5;" /><b>familiale et agréable</b></span><br><br><br> <div style="font-family: 'Megrim', cursive; font-size: 25px; color: #1F1F1F; text-align: center;">Les Admins</div><br> <center><a href="http://specialisreveliorpg.forumactif.com/u2"><img src="http://images5.fanpop.com/image/photos/27900000/Aria-and-Lucy-Hale-Fan-Art-pretty-little-liars-tv-show-27912170-500-281.gif" style="width: 150px;"/></a><br> <div style="font-family: 'Megrim'; font-size: 16px; text-align: center;">Cleo S. Oswald</div><br><br> <a href="http://specialisreveliorpg.forumactif.com/u3"><img src="http://66.media.tumblr.com/795449e8f4f9fe5afc04be34f38c329e/tumblr_nxic9x82tm1rgjpvao3_400.gif" style="width: 150px;"/></a><br /> <div style="font-family: 'Megrim'; font-size: 16px; text-align: center;">Crystal V. Oswald</div></center><br><br><br><br><br><br><br><br> <a href="http://www.never-utopia.com" style="color: #84A4B5 !important; text-decoration: none !important; font-size: 9px;"> Halloween</div></center></div></td> </tr></table></center> <link href='http://fonts.googleapis.com/css?family=Megrim|Patrick+Hand+SC|Cinzel' rel='stylesheet' type='text/css' />

Je vous en remercie d'avance Wink

par MasDan Mer 23 Nov 2016 - 6:48

Bonjour Wilhemina,

J'ai reformaté le texte pour le rendre plus lisible. Essayer ceci.

Code:: <meta charset="UTF-8" /> <title>Fiche Partenaire - Specialis Revelio</title> <center> <table> <tr> <td> <div style="width: 425px; height: 700px; background-color: #12202c; text-align: justify; font-size: 9px; color: #EFEFEF;"> <img src="http://www.zupimages.net/up/16/45/1h7t.png" style="width:100%;" /> <br> <div style="font-family: 'Megrim'; font-size: 30px; color: #B08689; text-align: center;"> Specialis Revelio <br> ϟ RPG Harry Potter </div> <div style="padding: 25px; width: 380px; height: 150px; font-size: 10px;"> <b>Contexte</b> • <i>Situation temporelle : 19 ans après la Grande Guerre de Poudlard en 1998. Nous sommes donc en 2017. La Grande Révélation a eu lieu en 2008, 10 ans après la Bande Guerre. À partir de ce moment-là, les camps ont mis entre 1 et 5 ans à se former dans le monde entier. Aujourd'hui, nous sommes à New York et sorciers et moldus cohabitent. Point de concentration : Le Wizarding College of New York.</i> <br><br> <blockquote> « Londres, Paris, New York, Berlin, Budapest, un évènement incroyable vient de se produire. Des hommes vêtus de costumes vieillots et qui ont l'air de sortir tout droit d'un compte de fée se sont matérialisés devant des milliers de caméras partout dans le monde. Nous sommes en direct devant le Big Ben où se tient un discourt pour le moins incroyable. L'homme que vous voyez debout devant tout le monde affirme avoir des pouvoirs magiques et dit être un sorcier. À en croire ses paroles, ils sont partout sur la planète et sont là depuis toujours sans qu'on ne les remarque. Apparemment... Oh mon dieu ! Que fait-il ? Comment... » </blockquote> <br><br> L'homme désigné par le journaliste venait de sortir sa baguette et faisait léviter à plusieurs mètres du sol six voitures en même temps.<br><br> <blockquote> « Je n'en crois pas mes yeux, repris le journaliste, est-ce l'opération marketing la plus grande du monde ? Nous ne savons pas mais si c'est le cas, c'est réussis. » </blockquote> <br><br> Partout dans le monde, les gens étaient scotchés devant leur télé ou sur place, devant ces hommes et femmes hors du commun. Toutes les chaînes de tous les médias - Télévision, Radio, etc. - explosèrent leur record d'audience. Le monde était comme figé devant un tel spectacle. Il s'agissait certainement de l'évènement mondial le plus incroyable de l'Histoire de l'humanité. Des sorciers... Cette appellation était dans toutes les bouches et dans toutes les oreilles. </div> </div> </td> <td> <div style="width: 150px; height: 650px; position: relative; left: -5px; padding: 25px; background-color: #B08689; font-size: 10px; color: #FFFFFF;"> <div style="font-family: 'Megrim', cursive; font-size: 25px; color: #1F1F1F; text-align: center;"> Liens utiles </div> <br> Le règlement <a href="http://specialisreveliorpg.forumactif.com/t1-reglement-general-de-specialis-revelio" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Le contexte complet <a href="http://specialisreveliorpg.forumactif.com/t2-contexte-de-specialis-revelio" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Les camps <a href="http://specialisreveliorpg.forumactif.com/t7-4-les-camps" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Explications <a href="#" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Les groupes <a href="http://specialisreveliorpg.forumactif.com/t9-3-les-groupes" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br> Les prédéfinis <a href="http://specialisreveliorpg.forumactif.com/f15-predefinis" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br><br><br> <img src="http://cdn0.dailydot.com/cache/84/fc/84fc2366d0a7fc16ffcf270536ae99d9.jpg" style="width: 145px;"><br><br> ► Grande liberté dans la <span style="color: #84A4B5;" /><b>création des personnages</b></span><br> ► L'histoire se déroule à <span style="color: #84A4B5;" /><b>New York</b></span><br> ► Ambiance <span style="color: #84A4B5;" /><b>familiale et agréable</b></span><br><br><br> <div style="font-family: 'Megrim', cursive; font-size: 25px; color: #1F1F1F; text-align: center;"> Les Admins </div><br> <center> <a href="http://specialisreveliorpg.forumactif.com/u2"><img src="http://images5.fanpop.com/image/photos/27900000/Aria-and-Lucy-Hale-Fan-Art-pretty-little-liars-tv-show-27912170-500-281.gif" style="width: 150px;"/></a><br> <div style="font-family: 'Megrim'; font-size: 16px; text-align: center;"> Cleo S. Oswald </div><br><br> <a href="http://specialisreveliorpg.forumactif.com/u3"> <img src="http://66.media.tumblr.com/795449e8f4f9fe5afc04be34f38c329e/tumblr_nxic9x82tm1rgjpvao3_400.gif" style="width: 150px;"/> </a><br /> <div style="font-family: 'Megrim'; font-size: 16px; text-align: center;"> Crystal V. Oswald </div> </center> <br><br><br><br><br><br><br><br> <a href="http://www.never-utopia.com" style="color: #84A4B5 !important; text-decoration: none !important; font-size: 9px;"> Halloween </a>  </div> </td> </tr> </table> </center> <link href='http://fonts.googleapis.com/css?family=Megrim|Patrick+Hand+SC|Cinzel' rel='stylesheet' type='text/css' />

voici les modifications effectuées :
Ligne 30 balise div fermante ajouté
ligne 65 balise a fermante ajouté
ligne 66 balises fermante div et centre mis en commentaire (ne correspondent à aucune balise ouvrante)

P.S.: Bizarre, pas de numérotation Question

par Wilhemina Mer 23 Nov 2016 - 11:17

Merci pour votre aide MasDan Smile

Hélas, cela ne fonctionne toujours pas. :/
Qu'entendez-vous par numérotation ?
Est-il possible que cela soit due à la mise à jour de forumactif ? Ce ne serait pas le seul bug que je rencontre.

par MasDan Sam 26 Nov 2016 - 4:02

Wilhemina a écrit:Qu'entendez-vous par numérotation ?

Code:: <meta charset="UTF-8" /> <title>Fiche Partenaire - Specialis Revelio</title>

Dans le message précédent les lignes de codes n'étaient pas numérotés alors que dans le présent message elles le sont. Question

Étrange mais il y a plus important.

Pour votre code, j'avais simplement prévisualisé le code. À la suite de votre message, j'ai validé le code - catastrophe.
Je me retrouve avec ceci.
Code HTML invalide Erreur10

Et le code n'est pas sauvegardé.

J'ai validé le code sur le site W3C, quelques petites peccadilles mais rien de majeur.

Ré-essayer avec le même résultat.

J'ai finalement identifié le coupable. C'est la ligne

Code:: Specialis Revelio

La «supposé» erreur HTML est cialis. J'ai remplacé cette ligne par

Code:: Special is Revelio

(ajout d'un espace) et plus d'erreur HTML Exclamation

Censuré le mot cialis OK, mais ici c'est Specialis.

Voici le nouveau code avec «Special is» et non «Specialis».

Code:: <link href='http://fonts.googleapis.com/css?family=Megrim|Patrick+Hand+SC|Cinzel' rel='stylesheet' type='text/css' /> <center> <table> <tr> <td> <div style="width: 425px; height: 760px; background-color: #12202c; text-align: justify; font-size: 9px; color: #EFEFEF;"> <img src="http://www.zupimages.net/up/16/45/1h7t.png" style="width:100%;" alt="" /> <br /> <div style="font-family: 'Megrim'; font-size: 30px; color: #B08689; text-align: center;"> Special is Revelio <br /> ϟ RPG Harry Potter </div> <div style="padding: 25px; width: 380px; height: 150px; font-size: 10px;"> <b>Contexte</b> • <i>Situation temporelle : 19 ans après la Grande Guerre de Poudlard en 1998. Nous sommes donc en 2017. La Grande Révélation a eu lieu en 2008, 10 ans après la Bande Guerre. À partir de ce moment-là, les camps ont mis entre 1 et 5 ans à se former dans le monde entier. Aujourd'hui, nous sommes à New York et sorciers et moldus cohabitent. Point de concentration : Le Wizarding College of New York.</i> <br /><br /> <blockquote> « Londres, Paris, New York, Berlin, Budapest, un évènement incroyable vient de se produire. Des hommes vêtus de costumes vieillots et qui ont l'air de sortir tout droit d'un compte de fée se sont matérialisés devant des milliers de caméras partout dans le monde. Nous sommes en direct devant le Big Ben où se tient un discourt pour le moins incroyable. L'homme que vous voyez debout devant tout le monde affirme avoir des pouvoirs magiques et dit être un sorcier. À en croire ses paroles, ils sont partout sur la planète et sont là depuis toujours sans qu'on ne les remarque. Apparemment... Oh mon dieu ! Que fait-il ? Comment... » </blockquote> <br /><br /> L'homme désigné par le journaliste venait de sortir sa baguette et faisait léviter à plusieurs mètres du sol six voitures en même temps.<br /><br /> <blockquote> « Je n'en crois pas mes yeux, repris le journaliste, est-ce l'opération marketing la plus grande du monde ? Nous ne savons pas mais si c'est le cas, c'est réussis. » </blockquote> Partout dans le monde, les gens étaient scotchés devant leur télé ou sur place, devant ces hommes et femmes hors du commun. Toutes les chaînes de tous les médias - Télévision, Radio, etc. - explosèrent leur record d'audience. Le monde était comme figé devant un tel spectacle. Il s'agissait certainement de l'évènement mondial le plus incroyable de l'Histoire de l'humanité. Des sorciers... Cette appellation était dans toutes les bouches et dans toutes les oreilles. </div> </div> </td> <td> <div style="width: 150px; height: 650px; position: relative; left: -5px; padding: 25px; background-color: #B08689; font-size: 10px; color: #FFFFFF;"> <div style="font-family: 'Megrim', cursive; font-size: 25px; color: #1F1F1F; text-align: center;"> Liens utiles </div> <br /> Le règlement <a href="http://specialisreveliorpg.forumactif.com/t1-reglement-general-de-specialis-revelio" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br /> Le contexte complet <a href="http://specialisreveliorpg.forumactif.com/t2-contexte-de-specialis-revelio" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br /> Les camps <a href="http://specialisreveliorpg.forumactif.com/t7-4-les-camps" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br /> Explications <a href="#" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br /> Les groupes <a href="http://specialisreveliorpg.forumactif.com/t9-3-les-groupes" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br /> Les prédéfinis <a href="http://specialisreveliorpg.forumactif.com/f15-predefinis" style="color: #84A4B5 !important; text-decoration: none !important;">www</a><br /><br /><br /> <img src="http://cdn0.dailydot.com/cache/84/fc/84fc2366d0a7fc16ffcf270536ae99d9.jpg" style="width: 145px;" alt="" /><br /><br /> ► Grande liberté dans la <span style="color: #84A4B5;"><b>création des personnages</b></span><br /> ► L'histoire se déroule à <span style="color: #84A4B5;"><b>New York</b></span><br /> ► Ambiance <span style="color: #84A4B5;"><b>familiale et agréable</b></span><br /><br /><br /> <div style="font-family: 'Megrim', cursive; font-size: 25px; color: #1F1F1F; text-align: center;"> Les Admins </div><br /> <center> <a href="http://specialisreveliorpg.forumactif.com/u2"><img src="http://images5.fanpop.com/image/photos/27900000/Aria-and-Lucy-Hale-Fan-Art-pretty-little-liars-tv-show-27912170-500-281.gif" style="width: 150px;" alt="" /></a><br /> <div style="font-family: 'Megrim'; font-size: 16px; text-align: center;"> Cleo S. Oswald </div><br /><br /> <a href="http://specialisreveliorpg.forumactif.com/u3"> <img src="http://66.media.tumblr.com/795449e8f4f9fe5afc04be34f38c329e/tumblr_nxic9x82tm1rgjpvao3_400.gif" style="width: 150px;" alt="" /> </a><br /> <div style="font-family: 'Megrim'; font-size: 16px; text-align: center;"> Crystal V. Oswald </div> </center> <br /><br /><br /><br /><br /><br /><br /><br /> <a href="http://www.never-utopia.com" style="color: #84A4B5 !important; text-decoration: none !important; font-size: 9px;"> Halloween</a> </div> </td> </tr> </table> </center>

En cochant le haut et le bas du forum, je supprimé du code les 2 lignes suivantes. Elles sont inutiles.

Code:: <meta charset="UTF-8" /> <title>Fiche Partenaire - Specialis Revelio</title>

par Wilhemina Dim 27 Nov 2016 - 14:13

C'est génial ça fonctionne ! Merci infiniment MasDan ! Smile

Code HTML invalide