Problème Code LS Game of Throne Halloween

Salutation à tous et toutes!

Voilà, comme le titre l'indique, j'ai encore un soucis avec un code du LS d'Halloween :

https://www.never-utopia.com/t50388p90-game-of-thrones#842034

Mon navigateur est Chrome, c'est peut-être cela la raison, mais sinon je n'ai rien modifier du code et le rendu n'est pas celui présenté par Halloween. Voici ce que ça donne sur mon forum :



J'ai encadré les défauts.

Voici le code en question :

Code:

<style>.fiche {width: 500px; background-color: #BCA774;} .img_pres {border-radius: 100px 100px 0px 0px;} .titre_contenu {font-family: 'Merienda One', cursive; font-size: 25px; text-align: center; position: relative; top: -1em; color: #635430;} .identité {background-color: #9C844B; padding: 20px; text-align: justify; position: absolute; top: 4.3em; width: 460px; z-index: 2; color: #393220;} .titre_bloc {background-image: url('http://img15.hostingpics.net/pics/4450796616.png'); width: 404px; height: 55px; color: #BCA774; font-family: 'Merienda One', cursive; font-size: 25px; text-align: center; padding-top: 15px;} .contenu_RP {background-color: #635430; width: 400px; text-align: justify; padding: 20px; color: #E4DCC9;} .dialogue {background-color: #9C844B; width: 400px; text-align: justify; padding: 20px; font-weight: bold; color: #393220;}</style>

<center><img src="http://data3.whicdn.com/images/115173022/large.gif" class="img_pres">
<div class="fiche"><div class="titre_contenu">I'm a Khaleesi <img src="http://www.hostingpics.net/thumbs/20/85/87/mini_208587signe5.png" style="width: 50px; position: relative; top: 0.3em;"> <span style="color: #E4DCC9;">I'll ride my destiny !</span></div>

<div style="background-color: #635430; height: 239px;"><span style="position: relative; left: -22.7em;"><div style="border: 0 solid transparent; border-top-width: 47px; border-bottom-width: 70px; border-right: 500px solid #393220; position: absolute;"></div>
<div class="identité"><table><tr><td><img src="http://www.hostingpics.net/thumbs/57/83/48/mini_578348Sanstitre3.png" style="height: 100px;"></td><td><b>PARTICIPANTS</b> • <span style="font-weight: bold; color: #FCCE34;">Daenerys TARGARYEN</span> & <span style="font-weight: bold; color: #C03A01;">PSEUDO</span>
<div style="width: 350px; height: 80px; overflow: auto;"><b>Résumé</b> • Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi </div></td></tr></table></div>
<div style="border: 0 solid transparent; border-bottom-width: 44px; border-top-width: 80px; border-left: 500px solid #393220; position: absolute; top: 10.3em; z-index: 1;"></div></span></div>

<div class="titre_bloc">Titre du RP</div>
<div class="contenu_RP">Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus.</div><div class="dialogue"><img src="http://img11.hostingpics.net/pics/467434Daeneysdaenerystargaryen32672044100100.png" style="float: left; border-radius: 50px; padding-right: 20px;"> ❝ ▬ Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes. ❞</div><div class="contenu_RP">Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus.</div>

<img src="http://nsa33.casimages.com/img/2014/07/20/140720111512811490.png" style="width: 200px;">

<a href="http://www.never-utopia.com" style="color: #635430!important; text-align: center; font-size: 9px;">© By Halloween</a><br /><br /></div></center>

<link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>

Hello Kâ Lys :)

Alors, pour certaines image, le problème vient du fait que le redimensionnement automatique des images dans les sujets est activé (option sur le panneau d'administration).

Pour régler ça, il y a une petite modification à faire pour le code de l'image, en lui rajoutant une largeur (ce qui évite le bug qui vient d'un code de FA) :
On remplace :

Code:

<img src="http://img11.hostingpics.net/pics/467434Daeneysdaenerystargaryen32672044100100.png" style="float: left; border-radius: 50px; padding-right: 20px;">

Par

Code:

<img src="http://img11.hostingpics.net/pics/467434Daeneysdaenerystargaryen32672044100100.png" style="float: left; border-radius: 50px; padding-right: 20px; width: 100px;">

Est ce que pour l'image de dialogue le rendu est mieux (: ?

HS : pour le titre du sujet, tu pourrais le remplacer par quelque chose de plus explicite, par exemple "Problème LS RP Game of Thrones Halloween" ou quelque chose comme ça. Car je dois avouer que le "Problème avec code d'Halloween encore" n'est pas forcément très aimable pour Halloween, notamment avec le "encore" à la fin >o< (enfin, ce n'est que mon ressenti, tu ne pensais probablement pas à mal ^-^). Et l'avantage d'un titre qui met le nom du LS, c'est que comme ça si on fait une recherche, on trouve plus facilement. ♥

Oui, pardon pour le titre, il est changer et mille excuses de mon retard! J'avais complètement oublié que j'avais posté ici!!!! :O

D'abord, un grand merci de ta réponse! Ensuite, j'ai changer le code et rien n'y fait, mais avant d'avoir changer le code j'ai enlever le redimensionnement des images et cela n'a rien changer non plus. :/ Arf. Je ne comprends, sur NU ça marche pourtant! ^^

Est ce que tu pourrais nous donner le lien du sujet où se trouve cette fiche s'il te plait ? Pour qu'on regarde par nous même directement :)

Voici le lien! Et j'ai essayer de le prévisualiser sur NU et même ici le rendu n'est pas le même que celui de l'aperçu d'Halloween. ^^

Hum... Chez moi le problème de l'image du dialogue est réglé...


Dans ton CSS, tu as déjà quelque chose pour .titre_bloc, ce qui crée un conflit. Il faut donc que dans la fiche, tu remplaces titre_bloc par autre chose (par exemple titre_bloc_fiche), il apparait 2 fois dans le code, pense à modifier aux 2 endroits.
Ca devrait te donner ceci :


Ces 2 points là sont-ils réglés donc ? :)

Ouais! Merci! Manque plus que les triangles bruns qui n'arrivent pas juste avec l'encadré! ^^ Merci! J'aurais dû allumer pourtant, pour ce qui est du titre_bloc.

Bon, là c'est un peu du bidouillage par rapport aux anciennes valeurs...

Pour .identité on va changer la valeur de top: 4.3em; en mettant plutôttop: 3em. (ça c'est au tout début du code)

Et ensuite ici :

Code:

<div style="border: 0 solid transparent; border-bottom-width: 44px; border-top-width: 80px; border-left: 500px solid #393220; position: absolute; top: 10.3em; z-index: 1;"></div>

On va remplacer top: 10.3em par top: 8em. C'est mieux comme ça (: ?

Ouais !!! Merci, tout fonctionne. J'ai mis 3em pour le premier et 8.15em pour le second et le rendu est parfait! Merci encore Nihil! :))

Voilà un problème vite réglé ^^

N'oublie pas de mettre l'icône "Terminé" Kâ