Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Code qui fait buguer la page.

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

Résolu Code qui fait buguer la page.

Message par Eleniel le Mar 8 Sep 2020 - 14:11

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:
Code qui fait buguer la page. 119024699_235226564560959_7957580204361424921_n.png?_nc_cat=102&_nc_sid=b96e70&_nc_ohc=EfuImg1GHnwAX_UFCYK&_nc_ht=scontent.fbru2-1
)

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. I love you


Dernière édition par Eleniel le Mer 9 Sep 2020 - 9:26, édité 1 fois
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui fait buguer la page.

Message par Eleniel le Mer 9 Sep 2020 - 9:03

Hello tout le monde.

Un petit up par ici! Smile
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui fait buguer la page.

Message par Eleniel le Jeu 10 Sep 2020 - 9:44

Hello =)

Un petit up par ici!
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui fait buguer la page.

Message par Eleniel le Ven 11 Sep 2020 - 9:01

Bonjour,

Personne ? Snifff
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui fait buguer la page.

Message par Eleniel le Lun 14 Sep 2020 - 9:01

Bonjour, problème toujours non résolu Sad
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui fait buguer la page.

Message par Eleniel le Mar 15 Sep 2020 - 9:28

Hello ! UP. Arrow

@Eleniel a écrit:

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:
Code qui fait buguer la page. 119024699_235226564560959_7957580204361424921_n.png?_nc_cat=102&_nc_sid=b96e70&_nc_ohc=EfuImg1GHnwAX_UFCYK&_nc_ht=scontent.fbru2-1
)

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. I love you
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui fait buguer la page.

Message par Eleniel le Mar 15 Sep 2020 - 10:51

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 ^^" Arrow

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

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui fait buguer la page.

Message par Eleniel le Mer 16 Sep 2020 - 12:31

Warning Shutt
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui fait buguer la page.

Message par Kardo le Mer 16 Sep 2020 - 15:37

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

Kardo
**

Messages : 90
Inscrit(e) le : 06/12/2019

Voir le profil de l'utilisateur https://www.forum.forumactif.com
Kardo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code qui fait buguer la page.

Message par Eleniel le Jeu 17 Sep 2020 - 9:14

Yeeeees, ça marche ! Smile Merci beaucoup. I love you
Eleniel

Eleniel
***

Féminin
Messages : 195
Inscrit(e) le : 10/10/2011

Voir le profil de l'utilisateur http://rabbithole.forumactif.com/
Eleniel 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