Code qui fait buguer la page.

[Eleniel]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://rabbithole.forumactif.com/

Description du problème

Bonjour tout le monde,

J'ai pris un code en libre service pour faire un prédéfini, sauf que quand je le répète, la page se déforme (surtout en dessous, les codages se déplacent), pourtant je n'arrive pas à trouver d'où vient le problème.

Normalement, le code doit apparaître comme le premier post, mais quand je poste après, ils deviennent gris et le code semble cassé (pourtant en prévisualisation, tout est normal =>

Spoiler:

)

Voici le code en question ;

Code:

<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet"><style>@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900|Roboto');.shipper-wrap {width: 500px;margin: 0 auto;background: #f2f2f2;border: 1px solid #ebebeb;padding: 10px;position: relative;line-height: 1.526;box-sizing: content-box;}.shipper {width: 500px;background: #fbfbfb;border: 1px solid #ebebeb;font-family: 'Raleway', sans-serif;position: relative;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;}.shipper a {text-decoration: none!important;}.shipper h2 {margin: 0;font-weight: 400;text-transform: uppercase;display: inline-block;font-size: 25px;color: #4fa285;}.shipper h2 b {font-weight: 900;}.shipper h2.looking {padding: 5px 22px 22px;margin: 15px 0 0;flex: 100%;}.shipper .shipper-img {margin-right: 20px;height: 320px;width: 200px;}.shipper .shipper-img + div {flex: 1;display: flex;flex-direction: column;}.shipper h3, .item label {margin: 0;font-weight: 400;text-transform: uppercase;font-size: 12px;color: #86d2b7;}.shipper p {line-height: 1.4em;font-size: 10px;text-align: justify;margin: 10px 0px;font-family: 'Roboto', sans-serif;}.shipper-links {margin-top: auto;}.shipper-links a {text-transform: uppercase;font-size: 9px;letter-spacing: 1px;color: #000;margin-right: 10px;}.shipper-links a i {font-size: 20px;color: #4fa285;vertical-align: bottom;transition: all 0.3s;}.shipper-links a:hover i {color: #86d2b7;}.shipper-look {font-size: 10px;position: relative;text-align: justify;margin-bottom:20px;font-family: 'Roboto', sans-serif;border: 1px solid #e3e3e3;box-sizing: border-box;padding: 12px 8px 8px;}.shipper-look:last-child {margin: 0;}.shipper-look label, .item h3 {background: #4fa285;color: #fbfbfb;padding: 2px 5px;text-transform: uppercase;font-size: 9px;letter-spacing: 1px;display: inline-block;top: -12px;position: absolute;font-family: 'Raleway', sans-serif;}.item h3 {padding: 3px 8px;top: -29px;left: 15px;font-size: 15px;}.item-wrap {margin-bottom: 30px;}.item {height: 180px;}.item img {height: 160px;margin-right: 15px;width: 100px;}.item p {line-height: 1.4em;margin: 0;font-family: 'Roboto', sans-serif;font-size: 11px;height: 140px;overflow: auto;padding: 0 10px 0 0;}.shipper.item > div {flex: 1;}.shipper-credit {position: absolute;bottom: -20px;left: 0;}.shipper-credit a {font-weight: bold;color: #b9b9b9 !important;text-decoration: none !important;font-size: 8px;letter-spacing: 1px;}</style>

<div class="shipper-wrap"><div class="shipper"><!--
--><img src="https://zupimages.net/up/20/37/0mbz.png" class="shipper-img"><!--
--><div><h2><b>King of Heart.</h2><!--
--><h3>Trentaine d'années - Ascendant Libre.</h3><!--
--><p>Véritable ombre perfide vivant dans la silhouette de son épouse, c’est le Sadique à entêtement dominateur et meurtrier avec absence totale de scrupules du Royaume. Véritable Satan, d’une fantastique dissimulation qui ne se découvre jamais - imaginez que vous êtes la salade dans un panier, il vous secouera jusqu’au sang afin de vous faire perdre vos légumes, vos organes et votre patience. L’important pour lui n’est pas le profit, mais de vous contrarier. Pour en donner une image, c’est la vipère sadique qui caresse ses crochets à venin sur vos cuisses en disant : « Je ne te mordrai pas ! » et qui, en effet, vous épargne et finit par les vider dans votre femme en utilisant l’intimidation. Considérant que la vie est un cercle, cet homme au centre – véritable marionnettiste dont son pantin fétiche est la Reine de Cœur ; qui pense prendre ses décisions en toute indépendance... Tous ceux qu’il aime ou apprécie n’ont rien à craindre de lui – surtout dans son château, au contraire ! Il s’évertue à améliorer leur sort. En dehors de ce cercle, c’est effroyable ! Pas de quartier ni de pitié.</p><!--
--><div class="shipper-links"><i class="far fa-heart"></i> ROYAUME.  <i class="fas fa-chess-king"></i> MONARQUE ORIGINEL.</div></div><!--
--><h2 class="looking">Échos.</h2><!--
--><div class="shipper-look"><label>Alice</label>Les rumeurs racontent qu'il fût épris d'Alice et que sa disparition brisa une partie de son âme. Quant à savoir s'il aime la Reine de Cœur et pourquoi elle l'a choisi tout cela reste un mystère. Notre monarque est donc assis sur une pile de secrets bien gardés...</div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>

https://rabbithole.forumactif.com/t2-royaume-de-coeur-0-4

Si je mets deux fois ce code, les posts deviennent distordus et le bas de la page devient anormal. Normalement les scrollers pour supprimer/déplacer/verrouiller un sujet et ceux pour sélectionner un forum sont sur la même ligne, un à gauche, un à droite, et là vous voyez bien qu'ils sont l'un sur l'autre et déformez.

Une idée de ce que ça peut être ? ^^"

Merci.

[Eleniel]

Hello tout le monde.

Un petit up par ici!

[Eleniel]

Hello =)

Un petit up par ici!

[Eleniel]

Bonjour,

Personne ?

[Eleniel]

Bonjour, problème toujours non résolu

[Eleniel]

Hello ! UP.

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://rabbithole.forumactif.com/

Description du problème

Bonjour tout le monde,

J'ai pris un code en libre service pour faire un prédéfini, sauf que quand je le répète, la page se déforme (surtout en dessous, les codages se déplacent), pourtant je n'arrive pas à trouver d'où vient le problème.

Normalement, le code doit apparaître comme le premier post, mais quand je poste après, ils deviennent gris et le code semble cassé (pourtant en prévisualisation, tout est normal =>

Spoiler:

)

Voici le code en question ;

Code:

<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet"><style>@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900|Roboto');.shipper-wrap {width: 500px;margin: 0 auto;background: #f2f2f2;border: 1px solid #ebebeb;padding: 10px;position: relative;line-height: 1.526;box-sizing: content-box;}.shipper {width: 500px;background: #fbfbfb;border: 1px solid #ebebeb;font-family: 'Raleway', sans-serif;position: relative;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;}.shipper a {text-decoration: none!important;}.shipper h2 {margin: 0;font-weight: 400;text-transform: uppercase;display: inline-block;font-size: 25px;color: #4fa285;}.shipper h2 b {font-weight: 900;}.shipper h2.looking {padding: 5px 22px 22px;margin: 15px 0 0;flex: 100%;}.shipper .shipper-img {margin-right: 20px;height: 320px;width: 200px;}.shipper .shipper-img + div {flex: 1;display: flex;flex-direction: column;}.shipper h3, .item label {margin: 0;font-weight: 400;text-transform: uppercase;font-size: 12px;color: #86d2b7;}.shipper p {line-height: 1.4em;font-size: 10px;text-align: justify;margin: 10px 0px;font-family: 'Roboto', sans-serif;}.shipper-links {margin-top: auto;}.shipper-links a {text-transform: uppercase;font-size: 9px;letter-spacing: 1px;color: #000;margin-right: 10px;}.shipper-links a i {font-size: 20px;color: #4fa285;vertical-align: bottom;transition: all 0.3s;}.shipper-links a:hover i {color: #86d2b7;}.shipper-look {font-size: 10px;position: relative;text-align: justify;margin-bottom:20px;font-family: 'Roboto', sans-serif;border: 1px solid #e3e3e3;box-sizing: border-box;padding: 12px 8px 8px;}.shipper-look:last-child {margin: 0;}.shipper-look label, .item h3 {background: #4fa285;color: #fbfbfb;padding: 2px 5px;text-transform: uppercase;font-size: 9px;letter-spacing: 1px;display: inline-block;top: -12px;position: absolute;font-family: 'Raleway', sans-serif;}.item h3 {padding: 3px 8px;top: -29px;left: 15px;font-size: 15px;}.item-wrap {margin-bottom: 30px;}.item {height: 180px;}.item img {height: 160px;margin-right: 15px;width: 100px;}.item p {line-height: 1.4em;margin: 0;font-family: 'Roboto', sans-serif;font-size: 11px;height: 140px;overflow: auto;padding: 0 10px 0 0;}.shipper.item > div {flex: 1;}.shipper-credit {position: absolute;bottom: -20px;left: 0;}.shipper-credit a {font-weight: bold;color: #b9b9b9 !important;text-decoration: none !important;font-size: 8px;letter-spacing: 1px;}</style>

<div class="shipper-wrap"><div class="shipper"><!--
--><img src="https://zupimages.net/up/20/37/0mbz.png" class="shipper-img"><!--
--><div><h2><b>King of Heart.</h2><!--
--><h3>Trentaine d'années - Ascendant Libre.</h3><!--
--><p>Véritable ombre perfide vivant dans la silhouette de son épouse, c’est le Sadique à entêtement dominateur et meurtrier avec absence totale de scrupules du Royaume. Véritable Satan, d’une fantastique dissimulation qui ne se découvre jamais - imaginez que vous êtes la salade dans un panier, il vous secouera jusqu’au sang afin de vous faire perdre vos légumes, vos organes et votre patience. L’important pour lui n’est pas le profit, mais de vous contrarier. Pour en donner une image, c’est la vipère sadique qui caresse ses crochets à venin sur vos cuisses en disant : « Je ne te mordrai pas ! » et qui, en effet, vous épargne et finit par les vider dans votre femme en utilisant l’intimidation. Considérant que la vie est un cercle, cet homme au centre – véritable marionnettiste dont son pantin fétiche est la Reine de Cœur ; qui pense prendre ses décisions en toute indépendance... Tous ceux qu’il aime ou apprécie n’ont rien à craindre de lui – surtout dans son château, au contraire ! Il s’évertue à améliorer leur sort. En dehors de ce cercle, c’est effroyable ! Pas de quartier ni de pitié.</p><!--
--><div class="shipper-links"><i class="far fa-heart"></i> ROYAUME.  <i class="fas fa-chess-king"></i> MONARQUE ORIGINEL.</div></div><!--
--><h2 class="looking">Échos.</h2><!--
--><div class="shipper-look"><label>Alice</label>Les rumeurs racontent qu'il fût épris d'Alice et que sa disparition brisa une partie de son âme. Quant à savoir s'il aime la Reine de Cœur et pourquoi elle l'a choisi tout cela reste un mystère. Notre monarque est donc assis sur une pile de secrets bien gardés...</div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>

https://rabbithole.forumactif.com/t2-royaume-de-coeur-0-4

Si je mets deux fois ce code, les posts deviennent distordus et le bas de la page devient anormal. Normalement les scrollers pour supprimer/déplacer/verrouiller un sujet et ceux pour sélectionner un forum sont sur la même ligne, un à gauche, un à droite, et là vous voyez bien qu'ils sont l'un sur l'autre et déformez.

Une idée de ce que ça peut être ? ^^"

Merci.

[Eleniel]

J'ai trouvé d'où vient le problème, c'est dans le CSS de l'affichage des messages, mais malgré toutes les modifications, si je bidouille quelque chose, le reste casse ^^"

Code:

/* --------- AFFICHAGES MESSAGES (C) SUNHAE --------- */

#wrap-topic {
  width: 800px;
  margin: auto;
  display: flex;
  flex-flow: wrap;
}

#header-topic {
  background-color: #f1f0f4;
  width: 100%;
  color: #c07c59;
  font-size: 11px;
  font-style: italic;
  line-height: 27px;
  height: 80px;
  display: flex;
  align-content: center;
  flex-flow: wrap;
  justify-content: center;
}

#header-topic .sousligne {
    font: 11px 'Roboto', sans-serif;
    font-style: italic;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
}

#header-topic a:not(:first-of-type) {
  color: #c07c59;
  font-family: 'Roboto', sans-serif;
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: -0.5px;
}

#header-topic a:first-of-type {
  color: #262929;
  font-family: 'DM Serif Display', serif;
  font-size: 23px;
  text-transform: uppercase;
  font-style: normal;
  line-height: 30px;
  width: 100%;
  text-align: center;
}

.new-reply-topic,
.topic-pagination {
  display: flex;
  align-content: center;
  flex-flow: wrap;
}

.topic-pagination,
#pagination_memberlist {
  margin-left: auto;
  text-transform: uppercase;
  font-family: initial;
  font: 11px 'Roboto', sans-serif;
  letter-spacing: -1px;
  color: transparent;
}

.topic-pagination > div, #pagination_memberlist > div { margin: 20px 0 5px; }

.topic-pagination > div a,
#pagination_memberlist > div a {
  color: #c07c59;
  font-family: 'Roboto', sans-serif;
  font-weight: lighter;
  text-transform: lowercase;
  font-style: italic;
  letter-spacing: -0.5px;
}

.new-reply-topic a { padding: 28px 17px 28px 25px; }
.topic-pagination span strong, #pagination_memberlist strong { padding: 0 0 0 5px; }
.topic-pagination span, #pagination_memberlist span { color: #262929; }

.topic-pagination strong,
#pagination_memberlist strong {
  color: #c07c59;
  padding: 0 2px;
}

.topic-pagination .pag-img, #pagination_memberlist .pag-img { display: none; }

.header-message {
  width: 100%;
  height: 86px;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  align-content: center;
  position: relative;
  padding: 0 50px 0 0;
  color: #f6f5f8;
  font: 10px 'Roboto', sans-serif;
  font-weight: lighter;
  font-style: italic;
  background-color: #262929;
}

.header-message div {
  position: absolute;
  left: 35px;
  bottom: 22px;
}

.header-message span,
.header-message a[href*="/u"] {
  width: 100%;
  text-align: right;
}
 
.header-message span {
  font: 20px 'DM Serif Display', serif;
  font-style: normal;
  margin-right: -20px;
}

.header-message span, .header-message > a { width: 100%; }

.header-message strong {
  color: #f6f5f8;
  font-weight: 100;
}

.header-message > div img { padding: 0 2px; }

.wrap-topic-content {
  background-color: #F1F0F4;
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
  width: 100%;
  padding: 19px 0;
}

.topic-content {
  width: 538px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-content: flex-start;
  padding-top: 6px;
}

.topic-content,
.topic-content > a {
  color: #C3C3C3;
  font: 10px 'Roboto', sans-serif;
  font-weight: lighter;
  font-style: italic;
}

.topic-content > div a {
    font-weight: bold!important;
}

.topic-content > div {
  color: #262929;
  font-style: normal;
  text-align: justify;
  font-weight: normal;
  font-size: 12px;
  border-top: 1px solid #C3C3C3;
  padding: 18px 0;
  margin-top: 8px;
  width: 100%;
}

.topic-content > div img { max-width: 100%; }

.topic-avatar {
  border: 2px solid #F6F5F8;
  overflow: hidden;
  width: 196px;
  height: 396px;
  position: relative;
}

.topic-avatar > a img { width: 196px; }

.topic-avatar > div {
  position: absolute;
  top: 396px;
  background-color: #ffffffe0;
  width: 200px;
  height: 400px;
  transition: all 1s;
  padding: 5px 20px;
  font: 11px 'Roboto', sans-serif;
  letter-spacing: -0.5px;
}

.topic-avatar:hover > div { top: 0; }

.feuille-de-perso a[href*="/u"],
.title-profil {
  font: 30px 'Hamilton', cursive;
  color: #c07c59;
  text-align: right;
  display: block;
  height: 32px;
  text-transform: lowercase;
}

.topic-avatar .label {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 15px;
  color: #262929
}

.topic-avatar>div .label span,
.feuille-de-perso {
  color: #262929 !important;
}

.feuille-de-perso textarea {
  min-width: 100%;
  max-width: 100%;
  display: block;
  height: 50px;
  background-color: #F6F5F8;
  padding: 6px;
  overflow: auto;
  margin-bottom: 10px;
  font-size: 10px;
  text-align: justify;
  line-height: 12px;
}

.feuille-de-perso br { display: none; }

.topic-avatar > div > div {
  position: absolute;
  bottom: 15px;
  right: 17px;
}

.topic-avatar > div > div a:first-child { padding-right: 7px; }

.separation {
  width: 555px;
  margin: auto;
  height: 1px;
  background-color: #C3C3C3;
  margin: 15px 0 2px;
}

.signature-topic {
  width: 100%;
  max-height: 280px;
  padding: 5px;
  overflow:auto;
}

.signature-topic img { max-width: 100%; }
#wrap-topic a[name="quickreply"]+.h3 {  display: none; }
#wrap-topic form#quick_reply { width: 100%; }

#wrap-topic .sceditor-container,
#wrap-topic .sceditor-container iframe,
#wrap-topic .sceditor-container textarea,
#wrap-topic .sceditor-toolbar {
  background-color: #F1F0F4 !important;
  width: 100% !important;
  font-family: 'Roboto', sans-serif;
}

#wrap-topic #quick_reply #textarea_content { box-shadow: none; }

#wrap-topic #quick_reply #textarea_content+div input {
  background-color: #ECEBF0;
  box-shadow: none;
  border-radius: 0;
  font: 15px 'DM Serif Display', serif;
  color: #c07c59;
  text-transform: uppercase;
  margin: 0px 10px 10px 10px;
  height: 35px;
  padding: 0 15px;
}

#topic-form label { font-size: 0; }

#topic-form select {
  background-color: #F1F0F4;
  border: none;
  font-size: 10px;
  padding: 3px 5px;
}

#topic-form fieldset { margin: 55px 0 28px; }

#topic-form input {
  background-color: #ECEBF0;
  box-shadow: none;
  border-radius: 0;
  font: 12px 'DM Serif Display', serif;
  color: #c07c59;
  text-transform: uppercase;
  margin: 0 5px;
  height: 21px;
  padding: 0 5px;
}

.permissions {
  width: 100%;
  background-color: #F1F0F4;
  padding: 20px 25px;
  font: 11px 'Roboto', sans-serif;
}

.permissions a { color: #c07c59; }

.permissions .h3 {
  border: none;
  font: 13px 'DM Serif Display', serif;
  text-transform: uppercase;
  margin-bottom: 5px;
}

/** CITATION CODE SPOILER **/
blockquote,
dl.codebox {
  margin: 0 0 20px;
  background: none;
  font: 12px 'Roboto', sans-serif;
  padding: 0;
  border: none;
}

blockquote { padding: 10px 30px; }

dl.codebox code,
.spoiler dd,
.hidecode {
  background-color: #F6F5F8 !important;
  padding: 10px 30px !important;
}

.hidecode dt,
dl.codebox::before,
blockquote::before {
  display: none !important;
}

dl.codebox dt, cite {
  border: none;
  color: #C38567;
  font: 11px 'Roboto', sans-serif;
  text-transform: uppercase;
  margin: 5px 0 8px 11px;
  font-weight: 500;
}

.spoiler dt { margin-bottom: 3px !important; }
dl.codebox code { font-size: 12px; }
/* --------- FIN AFFICHAGE MESSAGES --------- */

[Eleniel]

[Kardo]

Cela semble venir de balises <b></b> qui ont été rajoutées dans les posts qui présentent le problème d'affichage :
(ouverte en ligne 3 et fermée en ligne 30)

Code:

<div class="wrap-topic-content">
    <div class="topic-content">
        <b>
            <a href="/t2-royaume-de-coeur-0-4#39"># Re:  :hearts: ROYAUME DE COEUR. [0/4]  </a>le Mar 8 Sep - 14:43
            <div>
                <div align="right"><span style="font-size: 11px; line-height: normal"><strong><font color="#006600">LIBRE</font> - <font color="#FF9933">RÉSERVÉ</font> - <font color="#FF0000">PRIS</font>.</strong></span></div>
                <br><br><br>
                <div class="shipper-wrap">
                    <div class="shipper">
                        <!--<br />--><img src="https://www.zupimages.net/up/20/37/ds1l.png" class="shipper-img"><!--<br />-->
                        <div>
                            <h2><b>Queen of Heart.</b></h2>
                            <!--<br />-->
                            <h3><b>Vingtaine d'années - Force surhumaine.</b></h3>
                            <!--<br />-->
                            <p><b>Bien connue pour ses expressions comme « qu'on lui comme la tête ! » ou bien « la loi, c'est moi », la Reine de Cœur est une créature acariâtre qui exige en échange de la froideur de ses sentiments, l’amour ardent de son peuple. Si peu sûre de ses appâts, elle réclamera votre cœur, votre corps, votre âme, votre cadavre et votre cercueil puis fera brûler le tout pour y cuire sa viande. Véritable volcan, elle engloutit le cosmos sous le manteau ardent de sa fureur. Attention à ne planter que des roses rouges sur son territoire sous peine de voir votre tête valser entre ses paumes. Sa haute opinion d’elle-même frappe comme un marteau sur toutes les têtes qui ne doivent pas dépasser. Tyrannie et susceptibilité se mélangent dans ce cocktail, dont les explosions s'étendent comme des vagues en fusion.</b></p>
                            <!--<br />-->
                            <div class="shipper-links"><b><i class="far fa-heart"></i> ROYAUME.  <i class="fas fa-chess-queen"></i> MONARQUE PAR ALLIANCE.</b></div>
                        </div>
                        <!--<br />-->
                        <h2 class="looking"><b>Échos.</b></h2>
                        <!--<br />-->
                        <div class="shipper-look"><b><label>Alice</label>Dans toutes les bouches se murmurent qu'elle serait la cause de la disparition d'Alice – pour la punir d'avoir piétiné son pouvoir.</b></div>
                        <!--<br />-->
                        <div class="shipper-look"><b><label>Relation</label>La Reine serait en réalité le pantin de son Roi, qui l'userait pour couvrir ses vices bien plus sombres – en se cachant à l'arrière de sa fureur destructrice et de ses crimes impunis. Il serait même le commanditaire de la plupart de ses génocides. </b></div>
                    </div>
                    <div class="shipper-credit"><b><a href="https://www.artstation.com/artwork/bagLAG" target="_blank">Marzia Palomba</a></b></div>
                </div>
            </div>
        </b>
    </div>
    <div class="topic-avatar">
        <b>
            <b>
                <a href="/u1"><img loading="lazy" src="https://zupimages.net/up/20/36/488k.png" alt="THE JABBERWOCKY" style="max-width: 200px; max-height: 600px"></a>
                <div>
                    <a href="https://rabbithole.forumactif.com" title="Visiter le site web de l'utilisateur" target="_blank"><img src="https://2img.net/i/empty.gif" alt="https://rabbithole.forumactif.com"></a><br><span class="label"><span style="color:#000000;">Messages</span> : </span>36<br><span class="label"><span style="color:#000000;">Date d'inscription</span> : </span>16/10/2019<br><br><span class="feuille-de-perso" id="feuilleperso"></span><script type="text/javascript">//<![CDATA[
                $(window).ready(function(){$('#feuilleperso').html($('#feuilleperso').html().replace(/Pouvoirs:/g,'<span class="label">Pouvoirs:</span>').replace(/Inventaire:/g,'<span class="label">Inventaire:</span>').replace(/Défaut fatal:/g,'<span class="label">Défaut fatal:</span>'));});//]]>
                </script>
                    <div><a href="/u1" class="profile-icon" title="Voir le profil de l'utilisateur"><img src="https://2img.net/i/fa/empty.gif" class="i_icon_profile   " alt="Voir le profil de l'utilisateur"></a></div>
                </div>
            </b>
        </b>
    </div>
</div>

Le fait de les retirer semble corriger le problème

Edit: Vu qu'il y a une balise de plus à chaque réponse, cela viens probablement d'un script js
Edit2: Les balises <b> n'étaient tout simplement pas fermées,
Remplacez

Code:

<div><h2><b>King of Heart.</h2>

Par

Code:

<div><h2><b>King of Heart.</b></h2>

Cela devrait résoudre le problème

[Eleniel]

Yeeeees, ça marche ! Merci beaucoup.