Problème d'apparence de la page d'accueil
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème d'apparence de la page d'accueil
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é :
Et voici le code que j'obtiens après validation du précédent code :
On remarque que des
Quelqu'un pourrait-il m'éclairer ?
Merci d'avance !
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>
- Code:
<br/>
Quelqu'un pourrait-il m'éclairer ?
Merci d'avance !
Re: Problème d'apparence de la page d'accueil
Petit UP !!
J'ai tout simplifié, j'ai collé ça :
et ça me donne ça :
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>
Re: Problème d'apparence de la page d'accueil
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".
Oui, vous mettez des balises dans votre balise de lien :
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 :
J'ai vu que vous aviez rétablie vos infobulles. Le problème est réglé ?
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".
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=" 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 :
Il supprime les balises qui ne sont pas sensées se trouver là où vous les avez mises.<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>
J'ai vu que vous aviez rétablie vos infobulles. Le problème est réglé ?
Re: Problème d'apparence de la page d'accueil
Bonjour, Où en-est votre problème ? Deux solutions :
A bientôt sur ForumActif |
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Problème d'apparence de la page d'accueil
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 |
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» cadres de réponses dans les rubriques trop larges
» Problème d'affichage de la page N°2 de la page des membres
» [Problème CSS] Problème d'affichage sur la page de redaction des messages et de l'avatar.
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» cadres de réponses dans les rubriques trop larges
» Problème d'affichage de la page N°2 de la page des membres
» [Problème CSS] Problème d'affichage sur la page de redaction des messages et de l'avatar.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum