Problème de codage sur les titres de catégories

[Chimik Girl]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le changement du codage des catégories, le 24 avril 2020
Lien du forum : https://childrenofcosmos.forumactif.org/

Description du problème

Bonjour,

Je ne sais pas trop comment expliquer ça, mais lorsque j'ai changé les codages de mes catégories, en prenant un codage en libre service sur CCCrush, le code ne rends pas comme sur l'aperçu que voici:

Spoiler:

Comme on le remarque au niveau du titre, ce dernier ne rend pas du tout comme sur l'aperçu, le fond (ou je ne sais pas comment cela s'appelle) à disparu et je ne sais pas comment le remettre.

Voici mon template index-box modifié:

et le CSS qui l'accompagne:

Voici également le lien vers le forum (ou cas où il serait utile): https://childrenofcosmos.forumactif.org/

Merci d'avance.

[mSyx]

Hello o/
Le premier bout de ton CSS, pour la div .tleCAT, n'est pas appliqué sur ton forum. Jettes-y un œil ?

[Chimik Girl]

Bonsoir,

Je ne comprends pas pourquoi justement, que faut-il faire pour arranger ça ? Je n'ai jamais eu ce problème avec un codage de catégorie avant.

[mSyx]

Re,
Essaies avec ce CSS (le même mais réordonné):

Code:

/* BLOC TITRE CATEGORIE */
.tleCAT {
   margin: 5px auto 0;
   width: 800px;
   padding: 20px 0;
   text-align: center;
   background-color: #74878B;
}
/* TITRE CATEGORIE */
.tleCAT h2 {
   margin: 0;
   font-size: 32px;
   text-transform: uppercase;
   font-family: Arial;
   color: white;
   letter-spacing: 3px;
}
/* BLOC CATEGORIE */
.mdlCAT {
   margin: auto;
   width: 800px;
   padding: 25px 0 15px;
   background: rgba(255,255,255,0.7);
}
/* BAS CATEGORIE */
.btmCAT {
   margin: 0 auto 15px;
   width: 800px;
   height: 15px;
   background: grey;
}
/* BLOC FORUM */
.FRM {
   margin: 0 auto 10px;
   width: 750px;
   text-align: left;
   font-family: Arial;
}
/* BLOC TITRE FORUM */
.tleFRM {
   margin: 0 auto 10px;
   width: 740px;
   height: 15px;
   padding: 5px;
   background: grey;
}
/* TITRE FORUM */
.tleFRM a {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 16px;
   color: white !important;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
   float: right;
   height: 11px;
   padding: 2px 4px;
   font-size: 9px;
   text-transform: uppercase;
   line-height: 12px;
   background: white;
   color: #191919;
}
/* ICÔNES FORUM */
.imgFRM {
   display: inline-block;
   vertical-align: top;
   width: 35px;
   height: 100px;
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
   display: inline-block;
   vertical-align: top;
   margin: 0 10px;
   width: 375px;
   height: 100px;
   overflow: hidden;
   background: #DEDEDE;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
   position: absolute;
   width: 375px;
   height: 100px;
   filter: grayscale(1);
   -webkit-filter: grayscale(1);
   transition: all 0.45s ease-in-out;
   -webkit-transition: all 0.45s ease-in-out;
}

.FRM:hover #descFRM img {
   filter: grayscale(0);
   -webkit-filter: grayscale(0);
}
/* DESCRIPTION FORUM */
.descFRM {
   position: relative;
   z-index: 3;
   margin: 10px auto 0;
   width: 340px;
   height: 70px;
   padding: 5px;
   overflow-y: auto;
   text-align: justify;
   font-size: 9px;
   line-height: 10px;
   background: white;
   color: black;
   opacity: 0;
   transition: all 0.45s ease-in-out;
   -webkit-transition: all 0.45s ease-in-out;
}

#descFRM:hover .descFRM {
   opacity: 1;
}
/* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR FORUM */
.boxFRM {
   display: inline-block;
   vertical-align: top;
   width: 290px;
   height: 85px;
   padding: 15px 15px 0;
   overflow: hidden;
   background: white;
   filter: grayscale(1);
   -webkit-filter: grayscale(1);
   transition: all 0.45s ease-in-out;
   -webkit-transition: all 0.45s ease-in-out;
}

.FRM:hover .boxFRM {
   filter: grayscale(0);
   -webkit-filter: grayscale(0);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
   width: 220px;
   max-height: 70px;
   overflow: hidden;
   text-align: center;
   font-size: 12px;
   text-transform: uppercase;
   line-height: 18px;
   color: black;
}
/* TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
   font-size: 13px;
   color: black;
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
   font-size: 13px;
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
   display: inline-block;
   vertical-align: middle;
   width: 60px;
   height: 70px;
   overflow: hidden;
}

.avaFRM img {
   width: 60px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
   margin: 10px auto 0;
   width: 745px;
   padding-left: 5px;
   text-align: left;
   font-size: 9px;
   background: #EBEBEB;
   color: white;
}
/* SOUS-FORUMS */
.sfFRM a {
   display: inline-block;
   vertical-align: middle;
   margin: 5px 0;
   margin-right: 1px;
   text-transform: uppercase;
   color: #191919 !important;
}

[Chimik Girl]

Re,
Le soucis est toujours là :/

[mSyx]

Re,
L'optimisation du CSS est désactivée ?


Si non, tu devrais peut-être essayer en désactivant l'option

[Chimik Girl]

Il est bien désactivé oui.

[mSyx]

Ah, j'ai trouvé. Dans ton CSS, tu as ça:

Code:

*********************************************************

C'est ce qui fait foirer le bout de CSS pour les catégories. Supprime-le, ou remplace-le par un séparateur en commentaire sans étoiles. Ex.:

Code:

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

[Chimik Girl]

Merci beaucoup pour ton aide. C'est beaucoup mieux ainsi. Jamais je n'aurais penser que c'était ça qui bloqué. Mon problème est résolu du coup.