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

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème d'apparence de la page d'accueil

Message par Auline le Jeu 23 Jan 2014 - 11:21

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 !  Very Happy

Auline
Nouveau membre

Messages : 11
Inscrit(e) le : 17/11/2013

http://exsecratio.forumactif.org/
Auline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence de la page d'accueil

Message par Auline le Dim 26 Jan 2014 - 12:30

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>

Auline
Nouveau membre

Messages : 11
Inscrit(e) le : 17/11/2013

http://exsecratio.forumactif.org/
Auline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence de la page d'accueil

Message par Lixyr le Lun 27 Jan 2014 - 0:31

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. Wink Je vous invite donc à poster votre propre sujet dans "problème avec un script, un code".

@Auline a écrit: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=" 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>

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=" http://img4.hostingpics.net/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
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence de la page d'accueil

Message par Lixyr le Dim 2 Fév 2014 - 12:37

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 résolu 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 Smile





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence de la page d'accueil

Message par Chacha le Sam 8 Fév 2014 - 11:15

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 ! Wink

Ce sujet est déplacé dans les archives afin de ne pas perdre les messages des différents intervenants. Wink

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 50925
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum