Problème d'apparence de la page d'accueil

[Auline]

Bonjour,
En pleine construction de mon forum et après une petite pause durant Noël, j'ai retrouvé ma page d'accueil toute chamboulée avec des infobulles complètement détraquées. J'ai bien essayé de remanier tout cela et le résultat est satisfaisant. Toutefois, lorsque je retourne dans le code de la page d'accueil, celui-ci n'a rien à voir avec le code que j'ai validé précédemment. J'ai supprimé les infobulles (que j'ai remplacé par des xxx dans le code) mais le bug continue...

Lien vers le forum en question

Le code que j'ai validé :

Code:

<br><br><div style="font-family:georgia; font-size: 16px; letter-spacing: -1px; text-shadow: 1px 0px 1px white; text-align: center; color: #004900;margin-top:-5px">
<a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a></div><br>
<table><tr><td><div style="letter-spacing: -2px; font-family :georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">Contexte</div><div style="width:410px;height:150px; background-color:  #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 11px;font-family:verdana; color: #5E6F75;letter-spacing: 0px;line-height:12px; overflow:auto"><div align="justify"><div style="float:left;"><img style="padding : 3px ; border : 1px solid #71868E ; margin : 1px; width :150px;" src="http://gifmequand.unblog.fr/files/2013/03/voldemort-smile.gif"></div><div>Nous sommes en Septembre 2023, vingt-cinq ans après la Bataille de Poudlard et la création de la Malédiction du Seigneur des Ténèbres. A vrai dire, tous les sorciers l'ont presque oubliée depuis toutes ces années. Personne ne savait quand la Malédiction allait prendre effet, jusqu'à ce jour. Voldemort a été sadique jusqu'au bout. Il savait le Monde Sorcier en péril, en pleine reconstruction. Il a donc fait en sorte que la Malédiction prenne effet vingt-cinq ans après la fin de la guerre, histoire que tout le monde ait reprit une vie plus ou moins normale, que les familles se soient reconstruites. C'est donc dans la nuit du 30 au 31 juillet 2023 que la Malédiction fit son effet. Au petit matin, un sorcier sur deux se rend alors compte que leur magie s'est atténuée, voire disparue pour certains. Mais la vie doit continuer malgré tout, la rentrée à Poudlard se fait dans quelques jours. Élèves, professeurs, adultes du Monde Sorcier... Allez-vous avoir la chance d'être épargné ? <strong><a rel="nofollow" target="_blank" class="postlink" href="http://">⇒ Suite</a></strong></div></div></div></td><td><div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">News</div><div style="width:215px;height:150px; background-color:  #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">
ϟ PA by Rose91<br> ϟ …<br> ϟ …<br> ϟ …</div></td></tr></table>
<table><tr><td><div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">Membres du mois</div><div style="width:150px;height:100px; background-color:  #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;"><center>xxx</center></div></td><td><div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">Points des maisons</div><div style="width:210px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 11px;font-family:times new roman; color: #5E6F75;letter-spacing: 0px;overflow: auto;line-height:15px;"><div align="center"><table><tr><td><img src="http://img15.hostingpics.net/pics/676726blasongryfpa.png"></td><td><img src="http://img15.hostingpics.net/pics/847275blasonpoufpa.png"></td><td><img src="http://img15.hostingpics.net/pics/336159blasonserdpa.png"></td><td><img src="http://img15.hostingpics.net/pics/223935blasonserppa.png"></td></tr></table><br>
<table><tr><td>00 pts -</td><td>00 pts -</td><td>00 pts -</td><td>00 pts</td></tr></table></div></div></td><td><div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">Partenaires & Votes</div><center><div style="width:215px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;"><center><br><br><a rel="nofollow" target="_blank" class="postlink" href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png"></a> <a rel="nofollow" target="_blank" class="postlink" href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png"></a> <a href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png"></a> <a rel="nofollow" target="_blank" class="postlink" href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png"></a><br><br>Gagnez des points en votant !</center></div></center></td></tr></table>
<table><tr><td><div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">Staff</div><div style="width:670px;height:100px; background-color:  #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;"><center>xxx</center></div></td></tr></table><br><center> Le contexte est d'une idée originale d'Aulie.<br> Le contenu d'Exsecratio appartient exclusivement au staff.<br> Toute reproduction partielle ou totale est interdite </center><br><br>


Et voici le code que j'obtiens après validation du précédent code :

Code:

<br /><br />
<div style="font-family:georgia; font-size: 16px; letter-spacing: -1px; text-shadow: 1px 0px 1px white; text-align: center; color: #004900;margin-top:-5px"><a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a>
</div><br />
<table>
 <tbody>
 <tr>
 <td>
 <div style="letter-spacing: -2px; font-family :georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
 Contexte
 </div>
 <div style="width:410px;height:150px; background-color:  #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 11px;font-family:verdana; color: #5E6F75;letter-spacing: 0px;line-height:12px; overflow:auto">
 <div align="justify">
 <div style="float:left;">
 <img src="http://gifmequand.unblog.fr/files/2013/03/voldemort-smile.gif" style="padding : 3px ; border : 1px solid #71868E ; margin : 1px; width :150px;" />
 </div>
 <div>
 Nous sommes en Septembre 2023, vingt-cinq ans après la Bataille de Poudlard et la création de la Malédiction du Seigneur des Ténèbres. A vrai dire, tous les sorciers l'ont presque oubliée depuis toutes ces années. Personne ne savait quand la Malédiction allait prendre effet, jusqu'à ce jour. Voldemort a été sadique jusqu'au bout. Il savait le Monde Sorcier en péril, en pleine reconstruction. Il a donc fait en sorte que la Malédiction prenne effet vingt-cinq ans après la fin de la guerre, histoire que tout le monde ait reprit une vie plus ou moins normale, que les familles se soient reconstruites. C'est donc dans la nuit du 30 au 31 juillet 2023 que la Malédiction fit son effet. Au petit matin, un sorcier sur deux se rend alors compte que leur magie s'est atténuée, voire disparue pour certains. Mais la vie doit continuer malgré tout, la rentrée à Poudlard se fait dans quelques jours. Élèves, professeurs, adultes du Monde Sorcier... Allez-vous avoir la chance d'être épargné ? <strong><a href="http://" class="postlink" target="_blank" rel="nofollow">⇒ Suite</a></strong>
 </div>
 </div>
 </div>
 </td>
 <td>
 <div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
 News
 </div>
 <div style="width:215px;height:150px; background-color:  #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">
 ϟ PA by Rose91<br /> ϟ …<br /> ϟ …<br /> ϟ …
 </div>
 </td>
 </tr>
 </tbody>
</table>
<table>
 <tbody>
 <tr>
 <td>
 <div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
 Membres du mois
 </div>
 <div style="width:150px;height:100px; background-color:  #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">
 <center>
 xxx
 </center>
 </div>
 </td>
 <td>
 <div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
 Points des maisons
 </div>
 <div style="width:210px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 11px;font-family:times new roman; color: #5E6F75;letter-spacing: 0px;overflow: auto;line-height:15px;">
 <div align="center">
 <table>
 <tbody>
 <tr>
 <td>
 <img src="http://img15.hostingpics.net/pics/676726blasongryfpa.png" />
 </td>
 <td>
 <img src="http://img15.hostingpics.net/pics/847275blasonpoufpa.png" />
 </td>
 <td>
 <img src="http://img15.hostingpics.net/pics/336159blasonserdpa.png" />
 </td>
 <td>
 <img src="http://img15.hostingpics.net/pics/223935blasonserppa.png" />
 </td>
 </tr>
 </tbody>
 </table><br />
 <table>
 <tbody>
 <tr>
 <td>
 00 pts -
 </td>
 <td>
 00 pts -
 </td>
 <td>
 00 pts -
 </td>
 <td>
 00 pts
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 </td>
 <td>
 <div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
 Partenaires & Votes
 </div>
 <center>
 <div style="width:215px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">
 <center>
 <br /><br /><a href="http://" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/783328vote.png" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/783328vote.png" /></a> <a href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/783328vote.png" /></a><br /><br />Gagnez des points en votant !
 </center>
 </div>
 </center>
 </td>
 </tr>
 </tbody>
</table>
<table>
 <tbody>
 <tr>
 <td>
 <div style="letter-spacing: -2px; font-family : georgia; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
 Staff
 </div>
 <div style="width:670px;height:100px; background-color:  #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">
 <center>
 xxx
 </center>
 </div>
 </td>
 </tr>
 </tbody>
</table><br />
<center>
  Le contexte est d'une idée originale d'Aulie.<br /> Le contenu d'Exsecratio appartient exclusivement au staff.<br /> Toute reproduction partielle ou totale est interdite
</center><br /><br />

On remarque que des

Code:

<tbody>

et des

Code:

<br/>

se sont ajoutés, je ne sais pas d'où ça sort.
Quelqu'un pourrait-il m'éclairer ?

Merci d'avance !  

[Auline]

Petit UP !!

J'ai tout simplifié, j'ai collé ça :

Code:

<a href="#" class="info"><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src=" http://img4.hostingpics.net/pics/204885lena.png " class="imguser"><span> <table style="width: 100%;"><tr><td align="center" valign="center"><strong>Ainsley Moore</strong><br><br><em>Aulie ϟ Fondatrice</em><br> <a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1">envoyer un mp</a></td></tr></table> </span></a>

et ça me donne ça :

Code:

<a class="info" href="#"><img class="imguser" src=" http://img4.hostingpics.net/pics/204885lena.png " style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>
<table style="width: 100%;">
 <tbody>
 <tr>
 <td valign="center" align="center">
 <strong>Ainsley Moore</strong><br /><br /><em>Aulie ϟ Fondatrice</em><br /> <a href="http://exsecratio.forumactif.org/u1" target="blank">profil</a> ϟ <a href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1" target="blank">envoyer un mp</a>
 </td>
 </tr>
 </tbody>
</table><a class="info" href="#"><span> </span></a>

[Lixyr]

Bonsoir.

Fishermen of Sirens, si vous avez un problème avec votre PA, le mieux serait de poster votre propre sujet, afin de ne pas tout mélanger. C'est un problème par sujet. Je vous invite donc à poster votre propre sujet dans "problème avec un script, un code".

Petit UP !!

J'ai tout simplifié, j'ai collé ça :

Code:

<a href="#" class="info"><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src=" http://img4.hostingpics.net/pics/204885lena.png " class="imguser"><span> <table style="width: 100%;"><tr><td align="center" valign="center"><strong>Ainsley Moore</strong><br><br><em>Aulie ϟ Fondatrice</em><br> <a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1">envoyer un mp</a></td></tr></table> </span></a>

et ça me donne ça :

Code:

<a class="info" href="#"><img class="imguser" src=" http://img4.hostingpics.net/pics/204885lena.png " style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>
<table style="width: 100%;">
 <tbody>
 <tr>
 <td valign="center" align="center">
 <strong>Ainsley Moore</strong><br /><br /><em>Aulie ϟ Fondatrice</em><br /> <a href="http://exsecratio.forumactif.org/u1" target="blank">profil</a> ϟ <a href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1" target="blank">envoyer un mp</a>
 </td>
 </tr>
 </tbody>
</table><a class="info" href="#"><span> </span></a>

Oui, vous mettez des balises dans votre balise de lien :

<a href="#" class="info"><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src=" https://2img.net/r/hpimg4/pics/204885lena.png " class="imguser"><span> <table style="width: 100%;"><tr><td align="center" valign="center"><strong>Ainsley Moore</strong><br><br><em>Aulie ϟ Fondatrice</em><br> <a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1">envoyer un mp</a></td></tr></table> </span></a>

On ne peut pas faire ça. Les balises span, div, table tr et td doivent se trouver en dehors, c'est pourquoi lorsque vous postez votre message, on vous renvoie ça :

<a class="info" href="#"><img class="imguser" src=" https://2img.net/r/hpimg4/pics/204885lena.png " style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>

Il supprime les balises qui ne sont pas sensées se trouver là où vous les avez mises.

J'ai vu que vous aviez rétablie vos infobulles. Le problème est réglé ?

[Lixyr]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 13 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou à faire un UP régulièrement ! Ce sujet est déplacé dans les archives afin de ne pas perdre les messages des différents intervenants. A bientôt sur ForumActif