Apparition d'un bandeau sur la PA (forum en modernbb)

[Vino-X]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Le problème est apparu quelques minutes après avoir modifié les codes de présentation des catégories/Forums.
Lien du forum : https://heritiersdescendres.forumactif.com/

Description du problème

Bonjour,

Je venais à peine de finir de faire mon code de présentation de mes catégories (https://i.postimg.cc/d0KsSM5z/Capture1.jpg l'endroit surligné en jaune sur cette capture). Quand, soudain ce bandeau blanc est apparu. Je pense qu'il s'agit d'un conflit de CSS qui est apparu d'un coup.

J'ai essayé plusieurs manips, mais je n'arrive pas à trouver la source du problème.

Un grand merci par avance pour votre aide !

Ci-dessous, le CSS global de mon forum.

Code:

.headerbar {
  background-size: inherit;
  background-color: #4a0a0a;
}

.postprofile {
  width: 236px;
  margin-top: 65px;
  border: 3px solid #8b5e3c;
  background-color: #EBEADD; /* Couleur beige rappelant un vieux parchemin */
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-family: 'Uncial Antiqua', serif;
  color: #5d4037;
  border-radius: 10px;
  text-align: center;
}


a, a:hover {
    text-decoration: none !important;
}


a.forumtitle:visited {
    color: #4a0a0a;
  display: block;
    font-family: MedievalSharp, 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: -6px;
}


.table-title, .table-title h2 {
 font-size:17px ! important;
 font-family: 'MedievalSharp' ! important;
 font-weight: bold ! important;
 color: #4A0A0A ! important;
      }


a{text-transform:uppercase;}


.postdetails.poster-profile textarea { width: 200px;}

.postprofile-avatar img {
    border-radius: 10px;
    border: 3px solid #FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
    width: 200px;
    height: 320px;
}


.medievalsharp-regular {
  font-family: "MedievalSharp", cursive;
  font-weight: 400;
  font-style: normal;
}


a.mainmenu[href="/calendar"] {display: none !important;}
a.mainmenu[href="/faq"] {display: none !important;}
a.mainmenu[href="/images"] {display: none !important;}




/* QEEL */
.onglet { background-color: # ;
border-right: 5px solid #3D4952;
 border-left: 5px solid #3D4952;
border-top: 1px dotted #3D4952;
 border-bottom: 1px dotted #3D4952;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
 font-family: verdana;
font-weight: bold; text-align: center;
color: #3D4952;}

.message { background-color: #;
 border-right: 5px solid #3D4952;
border-left: 5px solid #3D4952;
border-top: 1px dotted #3D4952;
border-bottom: 1px dotted #3D4952;
 padding-top: 5px;
 padding-bottom: 5px;
padding-left: 30px;
 padding-right: 30px;
font-family: verdana;
text-align: center;
color: #3D4952;}


.headerbar {
  height: 550px;
  background-position-y: 100px;
}


.forabg ul.topiclist dt, .forabg ul.topiclist dd.dterm {
  width: 75%;
}
.forabg dd.lastpost {
  width: 15%;
}


.post-head {
    background-color: rgba(0, 0, 0, 0.03);
    border-color: #4A0A0A;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 18px;
}



.fa_avatar img {
  width: 100px;
  height: 160px;
  position: left;
  top: -3px;
  margin-right: 10px;
  border-radius: 10px;
  margin-bottom: -150px;
}




.postbody table,
.postbody table td,
.postbody table th {
    border: none !important; /* Supprime toutes les bordures des tableaux */
    border-collapse: collapse; /* Assure qu'il n'y ait pas d'espacement entre les cellules */
}

.postbody td {
    padding: 10px; /* Ajoute du padding aux cellules des tableaux */
}

.postbody th {
    padding: 10px; /* Ajoute du padding aux en-têtes des tableaux */
    text-align: left; /* Aligne le texte à gauche dans les en-têtes */
}


/* FICHE DE PREDEFINI */
.PFIICAN {
box-shadow:0 0 3px rgba(0,0,0,0.2); background:#CCC;
}
/* NOM PRENOM(S) */
.npPFIICAN {
box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
}
/* BORDURES IMAGE */
.abtPFIICAN {
border-color:rgba(250,250,250,0.4) !important;
}
/* INFORMATIONS & PHYSIQUE */
.abtPFIICAN div {
background:rgba(250,250,250,0.7); color:black;
}
/* AGE */
.agePFIICAN {
background:rgba(250,250,250,0.3); color:black;
}
/* NATIONALITE */
.fromPFIICAN {
background:rgba(250,250,250,0.3); color:black;
}
/* BLOC CARACTERE */
.caraPFIICAN {
background:rgba(250,250,250,0.6);
}
/* ADJECTIFS */
.caraPFIICAN div {
background:black; color:white;
}
/* HISTOIRE */
.storyPFIICAN {
color:black;
}
/* INTITULE RELATIONS */
.lksPFIICAN span:nth-of-type(1) {
box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
}
/* RELATIONS */
.RPFIICAN div {
color:white;
}


/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center;
background:#191919; color:white; /* MODIFIABLE */
}
 /* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:15px 10px 10px;
width:200px; height:325px; font-family:Arial;
}
/* BLOC PSEUDONYME */
#nameLMBER {
position:absolute; z-index:3; margin-top:-10px; margin-left:85px;
width:100px; height:auto;
}
/* OMBRES BLOC PSEUDONYME */
.triLMBER {
position:absolute; z-index:2; margin-top:-10px; margin-left:80px;
width:0; height:0; border-style:solid; border-width:0 0 15px 5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
.triRMBER {
position:absolute; margin-top:-10px; margin-left:185px;
width:0; height:0; border-style:solid; border-width:15px 0 0 5px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER {
width:80px; padding:10px 10px 0;
text-align:center; text-transform:uppercase;
background:#E7E7E7; /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center;
}
/* POINTE PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:#E7E7E7; /* MODIFIABLE */
}
/* AVATAR */
.imgLMBER img {
position:absolute; z-index:2; margin-left:-100px;
width:200px; height:320px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.imgLMBER {
width:200px; height:320px; overflow:hidden;
}
.imgLMBER div {
position:relative;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div {
width:190px; height:145px; padding:5px; overflow:hidden;
font-size:11px; text-align:center;
background:grey; color:grey; /* MODIFIABLE - COULEURS PAR DEFAUT */
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div {
transform:translateY(240px); -webkit-transform:translateY(240px);
}
.imgLMBER:hover img {
transform:translateY(-85px); -webkit-transform:translateY(-85px);
}
/* INFORMATIONS */
.imgLMBER div div span {
display:inline-block; vertical-align:top; height:17px; padding-top:3px;
text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}



/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; font-size:32px;
color:#F0F0EE; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:98%;
padding:2px 0; font-size:10px;
background:#F0F0EE; color:black; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:black; /* MODIFIABLE */
}


/* IMG CATEGORIE*/

.image-container {
    position: relative;
    width: 300px; /* Largeur de l'image */
    height: 150px; /* Hauteur de l'image */
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px; /* Ajuster l'espace intérieur de la bulle */
    border-radius: 5px;
    display: none;
    width: 300px; /* Largeur de la bulle, vous pouvez la définir à une valeur spécifique comme '200px' */
    max-width: 100%; /* Limite maximale de la largeur en pourcentage de l'image */
    text-align: justify; /* Centrer le texte à l'intérieur de la bulle */
}

.image-container:hover .hover-text {
    display: block;
}


/* FICHE DE PRESENTATION */
/* BLOC NOM PRENOM & INFORMATIONS */
.topCAN {
  box-shadow:0 0 3px rgba(0,0,0,0.2); background:#DBC388; /* Modification de la couleur de fond */
}
/* NOM PRENOM */
.npCAN {
  color:white;
}
/* INFORMATIONS */
.abtCAN {
  background:rgba(219, 195, 136, 0.2); /* Remplacement de grey par #DBC388 */
  color:black;
}
/* BLOC PHYSIQUE / CARACTERE / HISTOIRE */
.boxCAN {
  box-shadow:0 0 3px rgba(0,0,0,0.2); background:#DBC388; /* Modification de la couleur de fond */
}
/* PHYSIQUE */
.phyzCAN div p {
  background:rgba(219, 195, 136, 0.2); /* Remplacement de grey par #DBC388 */
  color:black;
}
/* CARACTERE */
.caraCAN {
  border-color:white !important;
  background:#DBC388; /* Modification de la couleur de fond */
  color:#191919;
}
/* TITRE HISTOIRE */
.storyCAN span {
  box-shadow:inset 0 0 25px rgba(0,0,0,0.1); color:white;
}
/* CONTENU HISTOIRE */
.storyCAN div {
  background:#DBC388; /* Modification de la couleur de fond */
  color:black;
}
/* PRESENTATION JOUEUR */
.UCAN {
  box-shadow:0 0 3px rgba(0,0,0,0.1); background:#DBC388; /* Modification de la couleur de fond */
  color:black;
}




.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }


body .uwy #userwayAccessibilityIcon {
 
  /* Permet de décaler le bouton vers le bas à partir du header de votre forum */
 
    margin-top: 200px;
 
  /* Permet de décaler le bouton vers la gauche à partir du header de votre forum */
 
    margin-left: -6px;
}




['Christa]

Salut !

Quand je regarde le CSS de ton forum (tout ton forum, pas le fragment que tu as donné), je vois trois instances de cette règle :

Code:

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #f4f1e5;
}

Qui du coup donne le fond blanc cassé qu'on voit pointer sur les côtés (c'est aussi lié à une bizarrerie de ModernBB, mais sans ce fond rajouté on aurait déjà moins de soucis XD)

J'ai l'impression qu'il y a un souci avec ton template index_box, j'y vois des fragments de code (dont celui que je viens de citer) qui n'ont rien à faire là.

[Vino-X]

Salut,

Effectivement c'était bien ça.
Par une recherche, j'ai retrouvé le bout de code, je l'ai supprimé.
Rien n'est cassé et le bandeau a disparu.

Je débute en codage, donc il y a forcément des petits loupés.
Merci beaucoup en tout cas de ton aide et de ta rapidité d'intervention.

C'est OK pour moi.