Problème de fiche

par Lancy2931 Ven 13 Déc 2013 - 11:40

Bonjour ou bonsoir Smile

Voilà, je rencontre un problème étrange. Jusque hier, les fiches présentations de mes membres allaient bien.
Ce jour, elles sont complètement déformées.
http://sodarktheconofman.forumgratuit.be/t613-oscar-gamegie-small-thing-with-a-big-heart#7271
Au départ, j'ai cru à une mauvaise manipulation du code par le membre. Cependant, j'ai ensuite regarder le sujet où la fiche et son code sont mis à disposition des nouveaux. Surprise, même pb et pire encore le spoiler reste ouvert.
J'ai aussi vérifié les fiches plus anciennes (donc non éditée puisqu'elles sont verrouillés) le problèmes est le même.

Bonne journée

par **Lixyr** Ven 13 Déc 2013 - 11:45

On peut avoir le code de la fiche ? Me semble qu'il manque une div de fermeture quelque part.

par Lancy2931 Ven 13 Déc 2013 - 11:48

Voici le code

Code:: <center><div style="background-color:gainsboro; width:500px; padding:5px; border-left: 8px solid #000000; border-right: solid 8px #000000;border-radius: 40px 40px 40px 40px ;"><center><br><center><div class="imgp0"><img src="http://24.media.tumblr.com/d24a293926aa5da539bf1067533ffc97/tumblr_mludniVqOK1rrecxqo1_500.gif" width="500"></div><div style="text-decoration: none; text-transform: lowercase; letter-spacing: -3px; font-family: times new roman; font-style: italic; text-align: center; font-weight: bold; font-size: 50px; color: #000000; text-shadow: 0px 0px 0px #ffffff; opacity: 0.8;">prénom prénom nom</div><div style="font-family: georgia; color:#aaaaaa; font-size: 10px; ">« citation citation citation citation citation »</div></center><table style="width:500px;"><tr><td style="width:250px; padding: 8px"><div style="height:100px;overflow:auto;">[font=Times New Roman][color=dimgrey][justify][b]Nom[/b] • [i]écrire ici[/i] [b]Prénom(s) [/b] • [i]écrire ici[/i] [b]Âge[/b] • [i]écrire ici[/i] [b]Métier[/b] • [i]écrire ici[/i] [b]Race [/b] • [i]écrire ici + groupe pour les demis elfes [/i] [/justify][/color][/font]</div></td><td style="width:250px; padding 8px"><div style="height:100px;overflow:auto;">[font=Times New Roman][color=dimgrey][justify][b]Avatar[/b] • [i]écrire ici[/i] [b]Crédit[/b] • [i]écrire ici, de la bannière/gif, des icons[/i] [b]Code règlement[/b] • [i]écrire ici[/i] [b]Possibilité de dédoubler l'avatar?[/b] • [i]écrire ici[/i][/justify][/color][/font]</div></td></tr> <tr><td style="width:250px; padding: 8px"><div style="height:50px;overflow:auto;"><form><select style="width: 225px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px" onchange="location = this.options [this.selectedIndex].value"> <option selected="selected">QUALITÉS</option> <option>qualité 1</option> <option>qualité 2</option> <option>qualité 3</option> <option>qualité 4</option> <option>qualité 5</option> </select></form></div></td><td style="width:250px; padding 8px"><div style="height:50px;overflow:auto;"><form><select style="width: 225px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px" onchange="location = this.options [this.selectedIndex].value"> <option selected="selected">DÉFAUTS</option> <option>défaut 1</option> <option>défaut 2</option> <option>défaut 3</option> <option>défaut 4</option> <option>défaut 5</option> </select></form></div></td></tr></table><div style="border-bottom:2px solid #aaaaaa; width:250px ;padding-bottom:5px">[font=Times New Roman][size=18][color=black]..IL ETAIT UNE FOIS.. ..IL Y A BIEN LONGTEMPS.[/color].[/size][/font]</div><table><tr><td style="width:500px; padding: 8px"><div style="padding-left: 15px;padding-right: 15px;"> [justify] [color=dimgrey] <img src="http://25.media.tumblr.com/0cfb22d751ba632e92de4789cdc3074e/tumblr_mludniVqOK1rrecxqo2_500.gif" style="margin-right: 10px; margin-bottom: 4px; padding: 5px;"" width="230" align="left"> Nous n'imposons aucun minimum de ligne, bien qu'il nous paraisse évident que 5 lignes d'histoire ne suffiront pas à ce qu'on ai assez d'informations pour comprendre votre personnage. Il n'y a pas de maximum non plus. Comme pour le reste du rp, nous vous demandons de faire attention à votre orthographe et aussi à ne pas détruire le code de présentation :) Vous êtes libre d'incorporer des images dedans, mais si vous avez un problème quelconque, informez-en le staff, nous viendrons à votre secours. Fictisque fictisque in eius hortabatur se properaret haec properaret Bithyniam causa cecidisse ad absumpta venire statione ut spe lenire post sororem suspicionis tandem causa fiduciam quae lenire eum qua venire est se saepe existimabat fiduciam moliretur suam se saepe cuius ambigeret post hortabatur ad repentina absumpta abstergendae spe ut febrium appellatur ut saepe eum germanum Caesar in post quae properaret fiduciam moliretur quod se ambigeret fultum moliretur suspicionis qua existimabat quae fiduciam cum qua cruentum haerebat eius et obitum statione anxia saepe vi licet profecta Constantius absumpta multis se multis Gallicanos ut est post abstergendae in ad desideratam quid appellatur. Nono Veternensi Rufini anno praefecturae trabeae Cerealis e anno matreque interitu vita excessit Constantini quoque imperatoris quoque Galla vita apud praefecturae Constantini pertaesus trabeae vicensimo natus ipse et excessit imperatoris Galla Veternensi quos in vicensimo praefecturae natus in Constantini natus cum sorore et sorore Constantio quos patre anno Constantio trabeae vita quos quadriennio apud cum Cerealis cum imperatoris anno ipse in sui imperatoris Cerealis vicensimo quos Rufini quoque Rufini in atque ipse atque e apud imperatoris consulares apud praefecturae nono interitu imperasset quoque Constantini Constantini fratre apud excessit aetatis anno cum fratre sorore consulares in in imperatoris Veternensi quoque Massa. [/color][/justify] </div></div></td></tr></table><br><div style="border-bottom:2px solid #aaaaaa; width:250px ;padding-bottom:5px">[font=Times New Roman][size=18][color=black].. ..BEHIND THE SCREEN.[/color].[/size][/font]</div><table><tr><td style="width:500px; padding: 8px"><div style="padding-left: 15px;padding-right: 15px;"> <table style="width:500px;"><tr><td style="width:180px; padding: 8px"><div style="height:100px;overflow:auto;">[font=Times New Roman][color=dimgrey][justify][b]Ton prénom ou surnom[/b] • [i]écrire ici[/i] [b]Ton âge [/b] • [i]écrire ici[/i] [b]Disponibilité[/b] • [i]écrire ici[/i] [/justify][/color][/font]</div></td><td style="width:250px; padding 8px"><div style="height:100px;overflow:auto;">[font=Times New Roman][color=dimgrey][justify][b]Que penses-tu du forum ?[/b] • [i]écrire ici[/i] [b]Comment es-tu arrivé là ?[/b] • [i]écrire ici[/i] [b]Un dernier mot ?[/b] • [i]écrire ici[/i][/justify][/color][/font]</div></td></tr> <blockquote>[font=Times New Roman][justify] [center][code] CÉLÉBRITÉ [color=red]✘[/color] Pseudo [/code][/center] </div></div></td></tr></table> [size=7][color=#aaaaaa]CODES BY RAINBOWSMILE[/color][/size] </div></center>

J'y ai déjà pensé mais ça ne change absolument rien. De plus, comme je l'ai dit, avant ce jour la fiche allait très bien.

par **Lixyr** Ven 13 Déc 2013 - 13:37

Oui, mais moi ce que je vois quand je vais sur le lien que vous avez donné n'est pas une déformation de fiche, mais une déformation du forum :

Problème de fiche Screen11

donc il faut déjà réglé ça.

Donc, j'ai regardé, et effectivement, il y a des balises qui ne sont pas fermées. Donc après plusieurs modifications :
• suppression des center en trop
• fermeture des div
• vous m'excuserez mais comme j'ai utilisé notpad++, j'ai supprimé le bbcode de mise en forme par du html, j'ai juste gardé le bccode en code.

ça donne ça :

Code:: <div style="background-color:gainsboro; width:500px; padding:5px; border-left: 8px solid #000000; border-right: solid 8px #000000;border-radius: 40px 40px 40px 40px ;"><br><center><div class="imgp0"><img src="http://24.media.tumblr.com/d24a293926aa5da539bf1067533ffc97/tumblr_mludniVqOK1rrecxqo1_500.gif" width="500" /></div><div style="text-decoration: none; text-transform: lowercase; letter-spacing: -3px; font-family: times new roman; font-style: italic; text-align: center; font-weight: bold; font-size: 50px; color: #000000; text-shadow: 0px 0px 0px #ffffff; opacity: 0.8;">prénom prénom nom</div><div style="font-family: georgia; color:#aaaaaa; font-size: 10px; ">« citation citation citation citation citation </div></center><table style="width:500px;"><tr><td style="width:250px; padding: 8px"><div style="height:100px;overflow:auto;"><div align"justify"> <strong>Nom</strong> • <em>écrire ici</em> <strong>Prénom(s)</strong> • <em>écrire ici</em> <strong>Âge</strong> • <em>écrire ici</em> <strong>Métier</strong> • <em>écrire ici</em> <strong>Race </strong>• <em>écrire ici + groupe pour les demis elfes </em> </div></div></td><td style="width:250px; padding 8px"><div style="height:100px;overflow:auto;"><div align="justify"> <strong>Avatar</strong> • <em>écrire ici</em> <strong>Crédit</strong> • <em>écrire ici, de la bannière/gif, des icons</em> <strong>Code règlement</strong> • <em>écrire ici</em> <strong>Possibilité de dédoubler l'avatar?</strong> • <em>écrire ici</em></div></div></td></tr><tr><td style="width:250px; padding: 8px"><div style="height:50px;overflow:auto;"><form><select style="width: 225px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">QUALITÉS</option><option>qualité 1</option><option>qualité 2</option><option>qualité 3</option><option>qualité 4</option><option>qualité 5</option></select></form></div></td><td style="width:250px; padding 8px"><div style="height:50px;overflow:auto;"><form><select style="width: 225px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">DÉFAUTS</option><option>défaut 1</option><option>défaut 2</option><option>défaut 3</option><option>défaut 4</option><option>défaut 5</option></select></form></div></td></tr></table><div style="border-bottom:2px solid #aaaaaa; width:250px ;padding-bottom:5px"><span style="font:18px Times New Roman; color:black;">..IL ETAIT UNE FOIS.. ..IL Y A BIEN LONGTEMPS.</span></div><table><tr><td style="width:500px; padding: 8px"><div style="padding-left: 15px;padding-right: 15px;"> <div align="justify"><img src="http://25.media.tumblr.com/0cfb22d751ba632e92de4789cdc3074e/tumblr_mludniVqOK1rrecxqo2_500.gif" style="margin-right: 10px; margin-bottom: 4px; padding: 5px;"" width="230" align="left" /><p style="color:dimgrey;">Nous n'imposons aucun minimum de ligne, bien qu'il nous paraisse évident que 5 lignes d'histoire ne suffiront pas à ce qu'on ai assez d'informations pour comprendre votre personnage. Il n'y a pas de maximum non plus. Comme pour le reste du rp, nous vous demandons de faire attention à votre orthographe et aussi à ne pas détruire le code de présentation :)Vous êtes libre d'incorporer des images dedans, mais si vous avez un problème quelconque, informez-en le staff, nous viendrons à votre secours. <br />Fictisque fictisque in eius hortabatur se properaret haec properaret Bithyniam causa cecidisse ad absumpta venire statione ut spe lenire post sororem suspicionis tandem causa fiduciam quae lenire eum qua venire est se saepe existimabat fiduciam moliretur suam se saepe cuius ambigeret post hortabatur ad repentina absumpta abstergendae spe ut febrium appellatur ut saepe eum germanum Caesar in post quae properaret fiduciam moliretur quod se ambigeret fultum moliretur suspicionis qua existimabat quae fiduciam cum qua cruentum haerebat eius et obitum statione anxia saepe vi licet profecta Constantius absumpta multis se multis Gallicanos ut est post abstergendae in ad desideratam quid appellatur.<br />Nono Veternensi Rufini anno praefecturae trabeae Cerealis e anno matreque interitu vita excessit Constantini quoque imperatoris quoque Galla vita apud praefecturae Constantini pertaesus trabeae vicensimo natus ipse et excessit imperatoris Galla Veternensi quos in vicensimo praefecturae natus in Constantini natus cum sorore et sorore Constantio quos patre anno Constantio trabeae vita quos quadriennio apud cum Cerealis cum imperatoris anno ipse in sui imperatoris Cerealis vicensimo quos Rufini quoque Rufini in atque ipse atque e apud imperatoris consulares apud praefecturae nono interitu imperasset quoque Constantini Constantini fratre apud excessit aetatis anno cum fratre sorore consulares in in imperatoris Veternensi quoque Massa.</p></div></div></td></tr></table><br><div style="border-bottom:2px solid #aaaaaa; width:250px ;padding-bottom:5px"><span style="font=18px Times New Roman;color=black;">....BEHIND THE SCREEN.</span></div><table><tr><td style="width:500px; padding: 8px"><div style="padding-left: 15px;padding-right: 15px;"><table style="width:500px;"><tr><td style="width:180px; padding: 8px"><div style="height:100px;overflow:auto;"><div align="justify"> <strong>Ton prénom ou surnom</strong> • <em>écrire ici</em> <strong>Ton âge </strong>• <em>écrire ici</em> <strong>Disponibilité</strong> • <em>écrire ici</em></div></div></td><td style="width:250px; padding 8px"><div style="height:100px;overflow:auto;"><div align="justify"> <strong>Que penses-tu du forum ?</strong> • <em>écrire ici</em> <strong>Comment es-tu arrivé là ?</strong> • <em>écrire ici</em> <strong>Un dernier mot ?</strong> • <em>écrire ici</em></div></div></td></tr><blockquote><div style="text-align:center;font-family:Times New Roman">[code]CÉLÉBRITÉ [color=red]?[/color] Pseudo [/code]</div></blockquote></table></div></td></tr></table>[size=7][color=#aaaaaa]CODES BY RAINBOWSMILE[/color][/size]</center></div>

Ensuite, et bien pour ma part, le spoiler reste ouvert aussi, quand je met du code html dedans. C'est un problème que beaucoup de personnes rencontrent et sur lequel s'est penché forumactif, donc il faut être patient, et attendre l'amélioration.