AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Sélection de Blu-Ray 4K à 10€
Voir le deal
10 €

    Problème caractère gras

    Lakia
    Lakia
    FémininAge : 21Messages : 132

    le Lun 29 Juin 2020 - 14:02

    Bonjour à tous !
    Alors voilà je viens vers vous concernant un problème au niveau de mon forum. Mes messages se retrouvent à caractère gras automatiquement. Ce qui est étrange, c'est que lorsque je prévisualise le message, tout est normal. La preuve en photo :

    Avant : https://i.goopics.net/Wo4lw.png
    Une fois posté : https://i.goopics.net/Dxab2.png
    https://i.goopics.net/aDj3p.png

    Je ne sais pas du tout d'où vient ce problème. Lorsque je vais voir le forum sur mon téléphone, je n'ai aucun souci avec le caractère gras, tout s'affiche normalement.

    Voilà mon CSS, il est énorme je suis désolée :c
    Code:
        body {
          background: url('https://i.goopics.net/JaDK1.jpg') no-repeat center fixed;
          background-size: cover;
        }

    .bodyline {
        border-left:3px solid #41302c;
        border-right:3px solid #41302c;}

    body {
            cursor: url('https://i.servimg.com/u/f68/19/03/23/93/kun1010.png'), auto;
            }
            a {
            cursor: url('https://i.servimg.com/u/f68/19/03/23/93/kun1010.png'), auto;
            }    
      /* PA */
    .SOIN {
    background:#746d65; /* MODIFIABLE */
    }
    /* LIENS PA */
    .lksSOIN a {
    background:#e0e0e0; color:#473f3a; /* MODIFIABLE */
    }
    /* BORDURE EVENEMENT EN COURS PA */
    .eventSOIN {
    background:#7a9762;  /* MODIFIABLE */
    }
    /* CONTENU EVENEMENT EN COURS PA */
    .eventSOIN div {
    background:#473f3a; /* MODIFIABLE */
    }
    /* LIEN EVENEMENT EN COURS PA */
    .eventSOIN div a {
    color:white; /* MODIFIABLE */
    }
    /* BLOC PARTENAIRES / TOP-SITES / PREDEFINIS / ACTUALITES PA */
    .boxIISOIN {
    background:#e0e0e0; /* MODIFIABLE */
    }
    /* BLOC TOP-SITES PA */
    .topSOIN {
    background:#e0e0e0; color:#473f3a; /* MODIFIABLE */
    }
    /* TOP-SITES PA */
    .topSOIN a {
    background:#7a9762; color:white; /* MODIFIABLE */
    }
    /* PREDEFINIS PA */
    .pfSOIN {
    background:#e0e0e0; /* MODIFIABLE */
    }
    /* TITRE ACTUALITES PA */
    .newsSOIN span {
    background:#473f3a; color:white; /* MODIFIABLE */
    }
    /* CONTENU ACTUALITES PA */
    .newsSOIN div {
    background:#e0e0e0; color:#473f3a; /* MODIFIABLE */
    }
    /* CONTEXTE PA */
    .ctxtSOIN div {
    background:#e0e0e0; color:#473f3a; /* MODIFIABLE */
    }
    /* BLOC STAFF PA */
    .staffSOIN {
    background:#473f3a; /* MODIFIABLE */
    }
    /* CONTENUS STAFF PA */
    .staffSOIN p {
    background:#e0e0e0; color:#473f3a; /* MODIFIABLE */
    }
    /* DISPONIBLE PA */
    .onSOIN {
    background:lightgreen; color:#473f3a; /* MODIFIABLE */
    }
    /* INDISPONIBLE PA */
    .offSOIN {
    background:crimson; color:#473f3a; /* MODIFIABLE */
    }
    /* LIENS PROFILS STAFF PA */
    .staffSOIN p a {
    color:#7a9762; /* MODIFIABLE */
    }
    /* NAVIGATION */
    #navSIT {
    position:fixed; z-index:5; left:0; top:0;
    width:100%; height:50px;
    background:#746d65; /* MODIFIABLE */
    }
    .navSIT {
    position:absolute; top:15px; right:15px;
    }
    .mainmenu img {
    display:none;
    }
    /* BORDURE AVATAR */
    .avaSIT {
    position:absolute; z-index:5; left:15px;
    width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
    border-color:#8eb2d6; /* MODIFIABLE */
    }
    /* IMAGE AVATAR */
    .avaSIT img{
    width:75px;
    }
    /* MESSAGE DE BIENVENUE */
    .welcSIT {
    position:absolute; left:130px; top:20px;
    font-size:12px; font-family:Arial; /* MODIFIABLE */
    color:white; /* MODIFIABLE */
    }
    /* BIENVENUE */
    .welcSIT::before {
    float:left; margin-right:5px;
    content:'Bienvenue'; /* MODIFIABLE */
    }
    /* LIENS NAVIGATION */
    #navSIT a{
    display:inline-block; vertical-align:middle;
    text-align:center;
    text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
    color:white; /* MODIFIABLE */
    transition:all .65s linear; -webkit-transition:all .65s linear;
    }
    /* SURVOL LIEN NAVIGATION */
    #navSIT a:hover {
    color:lightgrey; /* MODIFIABLE */
    }
    /* DECONNEXION */
    a#logout.mainmenu {
    font-size:0px;
    }
    a#logout.mainmenu::after {
    display:inline-block; vertical-align:middle;
    font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
    }
    /* MENU RECHERCHE */
    #search_menu {
    top:45px !important; left:5% !important;
    }
    /* COULEUR FOND MENU RECHERCHE */
    #search_menu td.row2 {
    background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
    }
    /* COULEUR TEXTE MENU RECHERCHE */
    #search_menu td.row2 span.genmed {
    color:black !important; /* MODIFIABLE */
    }
    /* TITRE MENU RECHERCHE */
    #search_menu th.thHead {
    text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
    background:black; color:white; /* MODIFIABLE */
    }
    /* BARRE MENU RECHERCHE */
    #search_menu input.post {
    height:23px !important; border:none !important;
    background:white; color:black; /* MODIFIABLE */
    }
    /* BOUTON MENU RECHERCHE */
    #search_menu input.button {
    height:25px; border:none !important; text-transform:uppercase;
    background:black; color:white !important; /* MODIFIABLE */
    }
    /* RECHERCHE AVANCEE */
    #search_menu a{
    display:block; margin-bottom:5px; width:235px;
    background:none !important; border:none !important;
    text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
    }
    /* -------------------------------- QEEL -------------------------------- */

            /*** MISE EN FORME LIENS AU SURVOL ***/
            a:hover {
              text-decoration: none !important;
            }

            /*** MISE EN FORME FONT DU QEEL ***/
            .fond_qeel {
              width: 780px;
              border-radius: 0px 0px 25px 25px;
              background-color: #695749;
              margin: auto;
              height: 620px;
              position: relative;
            }

            /*** MISE EN FORME TITRE PRINCIPAL ***/
            .titre_principal {
              color: #ffffff;
              font-family: arial;
              font-size: 28;
              letter-spacing: 5px;
              text-align: center;
            }

            /*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
            .titre_secondaire {
              color: #C7BBC1;
              font-family: arial;
              font-size: 14px;
              text-align: center;
            }

            /*** MISE EN FORME BLOC STATISTIQUES ***/
            .bloc_stat {
              background-color: #cec9c5;
              padding: 15px;
              width: 200px;
              height: 150px;
              overflow: auto;
              font-size: 11px;
              border: 2px solid #CACACA;
              text-align: justify;
              color: #515151;
              position: absolute;
              left: 3em;
              z-index: 1;
            }

            /*** MISE EN FORME BLOC DES GROUPES ***/
            .bloc_groupes {
              background-color: #cec9c5;
              padding: 15px;
              width: 420px;
              height: 50px;
              overflow: auto;
              font-size: 20px;
              border: 2px solid #CACACA;
              text-align: center;
              font-family: 'Six Caps', sans-serif;
              position: absolute;
              left: 14.5em;
              z-index: 1;
            }

            /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
            .bloc_connectes {
              background-color: #cec9c5;
              padding: 15px;
              width: 420px;
              height: 50px;
              overflow: auto;
              font-size: 20px;
              border: 2px solid #CACACA;
              text-align: center;
              font-family: 'Six Caps', sans-serif;
              position: absolute;
              left: 14.5em;
              z-index: 1;
            }

            /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
            #kaboum .row1 {
              background-color : transparent;
            }

            #kaboum span.gensmall {
              color: #515151;
            }

            /*** MISE EN FORME DES TITRES (simple + survol) ***/
            .titre_bloc {
              font-family: 'Dancing Script', cursive;
              font-size: 24px;
              font-weight: bold;
              color: #473f3a;
              position: absolute;
              z-index: 2;
              margin-top: -18px;
            }

            .titre_bloc:hover {
              color: #8eb2d6;
            }

            /*** GROUPES A ONGLETS ***/
            /* Mise en forme des noms de groupe */
            .groupe_onglet {
              display: inline-block;
              padding: 10px;
            }

            /* Mise en forme du bloc en transparence de description */
            .contenu_groupe_onglet {
              padding: 15px;
              display: none;
              width: 315px;
              height: 115px;
              overflow: auto;
              font-size: 11px;
              color: #414141;
              text-align: justify;
              background-color: #CBC4C2;
              position: absolute;
              top: 14em;
              left: 21em;
              filter: alpha(opacity = 50);
              opacity: 0.5;
            }

            /* Mise en forme des liens */
            .contenu_groupe_onglet a{
              text-decoration: none !important;
            }

            /*** MISE EN FORME DES CREDITS ***/
            .credits {
              text-align: right;
              margin-right: 10px;
              font-size: 9px;
              margin-top: 10px;
            }

            .credits a{
              color: #B0C3AB;
            }

            /* -------------------------------- FIN QEEL -------------------------------- */
    /* FOND LISTE DES MEMBRES */
    .bgLMBER {
    background:rgba(255,255,255,0.7); /* MODIFIABLE */
    line-height:16px;
    }
    /* 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; line-height:normal;
    background:#7a9762; color:white; /* MODIFIABLE */
    }
    #LMBER {
    width:690px; margin:auto;
    }
    /* BLOC MEMBRE */
    .MBER {
    float:left; margin:5px;
    width:220px; height:150px; font-family:Arial;
    background:rgba(0,0,0,0.8); /* MODIFIABLE */
    }
    /* BLOC PSEUDONYME */
    .nameLMBER {
    margin-bottom:5px; width:210px; height:15px; padding:5px 10px 5px 0; overflow:hidden;
    text-align:right; text-transform:uppercase; font-size:10px;
    background:grey; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
    }
    /* PSEUDONYME */
    .nameLMBER strong {
    color:white; /* MODIFIABLE */
    }
    /* BLOC INFORMATIONS */
    .abtLMBER {
    display:inline-block; vertical-align:top;
    width:105px;
    }
    /* INFORMATIONS */
    .abtLMBER div {
    margin-bottom:5px;
    height:15px; padding:5px 0; overflow:hidden; font-size:10px;
    background:lightgrey; color:black; /* MODIFIABLE */
    }
    .abtLMBER div:nth-of-type(3) {
    font-size:9px; text-transform:uppercase;
    }
    .abtLMBER div:nth-of-type(4) {
    font-size:9px; line-height:16px;
    }
    /* AVATAR / IMAGES MP & WWW */
    .imgLMBER {
    display:inline-block; vertical-align:top; margin-left:5px;
    width:100px; height:115px; overflow:hidden;
    }
    /* AVATAR */
    .avaLMBER {
    position:relative; z-index:3; margin-top:-115px;
    width:100px; height:115px; overflow:hidden;
    transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
    }
    .avaLMBER img {
    width:100px;
    }
    .imgLMBER:hover .avaLMBER {
    transform:translateX(100px); -webkit-transform:translateX(100px);
    }
    /* IMAGES MP & WWW */
    .btnLMBER {
    width:100px; height:115px; overflow:hidden;
    text-align:center; line-height:10px;
    background:rgba(0,0,0,0.6); /* MODIFIABLE */
    transform:translateX(-100px); -webkit-transform:translateX(-100px);
    transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
    }
    .btnLMBER img {
    max-width:80px;
    }
    .imgLMBER:hover .btnLMBER {
    transform:translateX(0px); -webkit-transform:translateX(0px);
    }
    /* NAVIGATION LISTE DES MEMBRES */
    .pageLMBER {
    margin:auto; width:680px;
    color:black; /* MODIFIABLE */
    text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
    }
    .pageLMBER a {
    color:black; /* MODIFIABLE */
    font-family:Arial;
    }
    /* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
    .btmLMBER {
    margin-top:25px; padding:15px 0;
    background:#746d65; /* MODIFIABLE */
    text-align:center;
    }
    /* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
    .formLMBER span {
    display:inline-block; vertical-align:bottom; margin-top:1px;
    height:17px; padding:2px 5px 0;
    background:lightgrey; color:black; /* MODIFIABLE */
    text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
    }
    .formLMBER input, select {
    border:none !important;
    height:19px; padding:0;
    text-transform:uppercase; font-size:10px; font-family:Arial;
    }
    /* BOUTON OK LISTE DES MEMBRES */
    .formLMBER .liteoption {
    padding:0 5px 0 2px;
    background:lightgrey; color:black; /* MODIFIABLE */
    text-transform:uppercase; font-weight:bold;
    }
       
    /* BLOC TITRE CATEGORIE */
    .tleCAT {
    margin:auto; margin-top:5px;
    width:800px; padding:15px 0; text-align:center;
    background:#7a9762; /* MODIFIABLE */
    }
    /* TITRE CATEGORIE */
    .tleCAT h2 {
    margin:0;
    font-size:42px; text-transform:uppercase; font-family:Arial;
    color:white; /* MODIFIABLE */
    }
    /* CONTENU CATEGORIE */
    .mdlCAT {
    margin:auto;
    width:800px; padding:10px 0 28px;
    background:#695749; /* MODIFIABLE */
    }
    /* BAS CATEGORIE */
    .btmCAT {
    margin:0 auto 10px; width:800px;
    height:15px; background:#473F3A; /* MODIFIABLE */
    }
    /* BLOC FORUM */
    .FRM {
    margin:25px auto 0;
    width:745px; font-family:Arial;
    }
    /* BLOC TITRE FORUM */
    .tleFRM {
    margin-left:80px; margin-bottom:-30px;
    width:665px; height:15px; padding:5px 0; overflow:hidden;
    text-align:right; line-height:15px;
    background:#746d65; /* MODIFIABLE */
    }
    /* TITRE FORUM */
    .tleFRM a {
    padding-right:5px; text-transform:uppercase; font-size:12px; letter-spacing:3px;
    color:white !important; /* MODIFIABLE */
    }
    /* BLOC IMAGE DESCRIPTIVE & DERNIER MESSAGE FORUM */
    .boxDESC {
    position:relative; display:inline-block; vertical-align:top; margin-top:-2px;
    width:175px; height:175px; border-radius:100%;
    background:#D6D6D6; /* MODIFIABLE */
    }
    /* IMAGE DESCRIPTIVE FORUM */
    .descFRM img {
    position:absolute; z-index:2; margin-top:-42px; margin-left:-190px;
    width:175px; height:175px; border-radius:100%;
    }
    /* DERNIER MESSAGE FORUM */
    .lmsgFRM {
    position:absolute; z-index:5; margin-top:15px; margin-left:15px;
    width:135px; height:145px; padding:0 5px; border-radius:100%; overflow:hidden;
    text-align:center; font-size:11px;
    background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
    transform:rotate(180deg) scale(0); -webkit-transform:rotate(180deg) scale(0);
    transition:all 0.85s ease; -webkit-transition:all 0.85s ease;
    }
    .FRM:hover .lmsgFRM {
    transform:rotate(0deg) scale(1); -webkit-transform:rotate(0deg) scale(1);
    }
    /* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
    .lmsgFRM a {
    color:black; /* MODIFIABLE */
    }
    /* BLOC DESCRIPTION / ICÔNES / SOUS-FORUMS / NOMBRE SUJETS & MESSAGES FORUM */
    .boxFRM {
    display:inline-block; vertical-align:top; margin-top:35px;
    }
    /* DESCRIPTION FORUM */
    .descFRM {
    display:inline-block; vertical-align:top; margin-left:-105px;
    width:380px; height:120px; padding:5px; padding-left:120px; overflow:hidden;
    font-size:11px; text-align:justify; line-height:15px;
    background:#E0E0E0; color:#999999;  /* MODIFIABLE */
    }
    .descFRM:hover {
    overflow-y:auto;
    }
    /* BLOC POSITIONNEMENT FORUM */
    .boxIIFRM {
    display:inline-block; vertical-align:top; margin-left:5px;
    }
    /* BLOC ICÔNES & SOUS-FORUMS */
    .sfFRM {
    width:165px; height:100px; overflow:hidden;
    }
    /* ICÔNES FORUM */
    .imgFRM {
    position:absolute;
    width:165px; height:100px;
    }
    .sfFRM div {
    position:relative;
    width:165px; height:100px; overflow:hidden;
    }
    /* CONTENU SOUS-FORUMS */
    .sfFRM div div {
    width:155px; height:90px; padding:5px; overflow-y:auto;
    text-align:left; font-size:11px; color:rgba(0,0,0,0); line-height:0;
    background:#666; /* MODIFIABLE */
    transform:translateX(165px); -webkit-transform:translateX(165px);
    transition:all .65s linear; -webkit-transition:all .65s linear;
    }
    /* LIENS SOUS-FORUMS */
    .sfFRM a {
    display:block; text-transform:uppercase; line-height:14px;
    color:white !important; /* MODIFIABLE */
    }
    .sfFRM:hover div div{
    transform:translateX(0px); -webkit-transform:translateX(0px);
    }
    /* NOMBRE SUJETS FORUM */
    .nbFRM {
    display:inline-block; margin-top:5px;
    width:80px; height:15px; padding:5px 0;
    text-align:center; font-size:10px; line-height:15px;
    background:#8eb2d6; color:white; /* MODIFIABLE */
    }
    /* NOMBRE MESSAGES FORUM */
    .nbIIFRM {
    margin-left:5px;
    background:#cec9c5; color:black; /* MODIFIABLE */
    }
    /* PRESENTATION LISTE SUJETS */
    /* OUTIL MODERATION SUJET */
    .modSBJ {
    position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
    }
    /* BLOC SUJET */
    .SBJ {
    width:800px; margin:10px auto 0; padding:10px 0;
    text-align:center; font-family:Arial;
    background:#695749; /* MODIFIABLE */
    }
    /* BLOC ICÔNES / VUES & REPONSES SUJET */
    .ivrSBJ {
    display:inline-block; vertical-align:top;
    width:90px; height:90px; border-radius:90px; overflow:hidden;
    }
    /* ICÔNES SUJET */
    .imgSBJ {
    width:90px; height:90px; border-radius:90px;
    }
    /* VUES SUJET */
    .vuesSBJ {
    position:absolute; z-index:3; margin-top:-83px; margin-left:7px;
    width:76px; height:24px; padding-top:14px; border-radius:90px 90px 0 0;
    background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
    font-size:11px; text-align:center;
    opacity:0; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
    }
    .SBJ:hover .vuesSBJ {
    opacity:1;
    }
    /* REPONSES SUJET */
    .repSBJ {
    position:absolute; z-index:3; margin-top:-40px; margin-left:7px;
    width:76px; height:23px; padding-top:10px; border-radius:0 0 90px 90px;
    background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
    font-size:11px; text-align:center;
    opacity:0; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
    }
    .SBJ:hover .repSBJ {
    opacity:1;
    }
    /* BLOC POSITIONNEMENT SUJET */
    .boxSBJ {
    display:inline-block; vertical-align:top; text-align:center;
    }
    /* BLOC TITRE / DESCRIPTION / LISTE DES PAGES SUJET */
    .tleSBJ {
    width:690px; height:45px; border-bottom:5px solid;
    color:black; border-color:black; /* MODIFIABLE */
    text-align:right; text-transform:uppercase; font-size:16px;
    }
    /* TITRE SUJET */
    .tleSBJ a {
    color:black !important; /* MODIFIABLE */
    }
    /* DESCRIPTION SUJET */
    .descSBJ {
    display:inline-block; vertical-align:middle; font-size:11px;
    color:black; /* MODIFIABLE */
    }
    /* LISTE DES PAGES SUJET */
    .gotoSBJ {
    display:inline-block; vertical-align:middle; margin-left:10px; font-size:9px;
    color:black; /* MODIFIABLE */
    }
    .gotoSBJ a {
    color:black !important; /* MODIFIABLE */
    }
    .gotoSBJ br:nth-of-type(1) {
    display:none;
    }
    /* AUTEUR SUJET */
    .nameSBJ {
    display:inline-block; vertical-align:top; margin:10px 10px 0 0;
    width:285px; padding:5px 0; border-radius:10px;
    background:rgba(0,0,0,0.5); color:#C1BFB7; /* MODIFIABLE */
    text-align:center; text-transform:uppercase; font-size:12px;
    }
    /* DERNIER MESSAGE SUJET */
    .lmsgSBJ {
    display:inline-block; vertical-align:top; margin-top:10px;
    width:385px; padding:5px 0; border-radius:10px;
    background:rgba(0,0,0,0.5); color:#C1BFB7; /* MODIFIABLE */
    text-align:center; text-transform:uppercase; font-size:12px;
    }
    /* TAILLE PSEUDONYME DERNIER MESSAGE SUJET */
    .lmsgSBJ a.gensmall {
    font-size:12px;
    }

        /* LES COULEURS */
        .kit-wrap {
            background: #473f3a;
        }
        .kit-wrap, .kit {
            border: 1px solid #746d65;
        }
        .kit-head {
            background: #33748c;
        }
        .kit-head h2, .kit-head h3 {
            color: #fff;
        }
        .kit-head h2 {
            text-shadow: -1px 1px 0 #40455f;
        }
        .kit-head h3 {
            text-shadow: -1px 0 0 #40455f;
        }
        .kit-padd {
            background: #8eb2d6;
        }
        .kit, .kit-txt, .kit-avatar {
            background: #cec9c5;
        }
        .kit-txt h4, .kit-title {
            color: #7a9762;
        }
        .kit-txt h4:after {
            background: #746d65;
        }
        .kit-faceclaim .kit-txt div, .kit-app .kit-info .kit-txt div {
            border-bottom: 1px solid #7a9762;
        }
        .kit-faceclaim .kit-txt div b, .kit-faceclaim .kit-txt div a {
            color: #aeaeae;
        }
        .kit-avatar {
            border: 1px solid #d4d4d4;
        }
        /* STYLE GÉNÉRAL */
        .kit-wrap {
            width: 500px;
            margin: 0 auto 20px;
            box-sizing: border-box;
            padding: 20px;
            font-family: 'Overpass', sans-serif;
            position: relative;
        }
        .kit-wrap a,.kit-wrap a:hover ,.kit-wrap a:active {
            text-decoration: none;
        }
        .kit {
            padding: 3px;
            margin-bottom: 4px;
            width: 100%;
        }
        .kit-head {
            height: 125px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            line-height: 1.3em;
        }
        .kit-head > img {
            position: absolute;
        }
        .kit-head h2, .kit-head h3 {
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
        }
        .kit-head h2 {
            font-weight: bold;
            font-size: 24px;
        }
        .kit-head h3 {
            font-size: 9px;
            font-family: 'Share Tech Mono', monospace;
            font-weight: normal;
            letter-spacing: 2px;
        }
        .kit-padd {
            padding: 10px;
        }
        .kit-txt {
            padding: 40px 60px;
            text-align: justify;
            font-size: 11px;
        }
        .kit-txt h4 {
            text-align: center;
            margin: 0 0 30px;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 15px;
            position: relative;
        }
        .kit-txt h4:after {
            content: "";
            height: 1px;
            width: 100px;
            position: absolute;
            bottom: -10px;
            left: calc(50% - 50px);
        }
        .kit-title {
            font-family: 'Share Tech Mono', monospace;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-right: 8px;
        }
        .kit-credit {
            width: 100%;
            text-align: center;
            position: absolute;
            bottom: -20px;
            left: 0;
        }
        .kit-credit a {
            font-family: 'Share Tech Mono', monospace;
            color: #ccc;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 8px;
            text-decoration: none!important;
        }
        /* ANNONCE */
        .kit-annonce {
            width: 300px;
            padding: 0px;
            border: 0;
            background: transparent;
        }
        .kit-annonce .kit-txt {
            padding: 40px;
        }
        /* FACECLAIM */
        .kit-faceclaim .kit-txt h4 {
            text-align: left;
            border: 1px solid;
            height: 40px;
            line-height: 40px;
            padding: 0 15px;
            margin: 0 0 20px;
        }
        .kit-faceclaim .kit-txt h4:after {
            display: none;
        }
        .kit-faceclaim .kit-txt div {
            margin: 3px 0 0;
            padding: 2px 10px;
        }
        .kit-faceclaim .kit-txt div b {
            font-family: 'Share Tech Mono', monospace;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: normal;
        }
        /* FICHE DE PRÉSENTATION */
        .kit-app {
            width: 600px;
            display: flex;
            flex-wrap: wrap;
        }
        .kit-app .kit-info {
            width: 200px;
            margin-right: 4px;
            height: 300px;
        }
        .kit-app .kit-info .kit-txt {
            overflow: auto;
            padding: 10px;
        }
        .kit-app .kit-info .kit-txt div {
            margin: 3px 0 0;
            padding: 2px 10px;
        }
        .kit-app .kit-info .kit-txt div .kit-title {
            display: block;
            font-weight: normal;
        }
        .kit-app .kit:nth-child(3) {
            flex: 1;
            height: 300px;
        }
        .kit-app .kit-info .kit-txt,.kit-app .kit:nth-child(3) .kit-padd,.kit-app .kit:nth-child(3) .kit-txt, .kit-app .kit-player .kit-txt {
            height: 100%;
            box-sizing: border-box;
        }
        .kit-app .kit:nth-child(3) .kit-txt,.kit-app .kit-player .kit-txt {
            overflow: auto;
            padding: 20px 30px;
        }
        .kit-avatar {
            padding: 3px;
            height: 100px;
            width: 100px;
        }
        .kit-player {
            height: 100px;
            flex: 1;
            margin-left: 4px;
        }
        .kit-last{
            margin-bottom: 0;
        }
      /******SUJET*******/

     /***TITRE***/
     
      .tpl_sujet_entete {
      margin: 0 auto;
      width: 900px;
      height: 80px;
      background: #7a9762;
      text-align: center;
      }
     
      .tpl_sujet_entete h1 {
      margin: 0 auto;
      font-size: 42px;
      color: white;
      text-transform:uppercase
      font-family:Arial;
      font-weight: normal;
      font-style: italic;
      letter-spacing: 6px;
      line-height: 50px;
      }
     
      /***NAVIGATION***/
     
      .tpl_sujet_nav {
      display: block;
      margin: 0 auto;
      width: 850px;
      border-width: 0 0 2px;
      border-style: dotted;
      border-color: #fff;
      font-family: 'Lobster Two', cursive;
      line-height: 20px;
      text-align: center;
      }

      .tpl_sujet_nav a {
        font-size: 15px;
        color: #8eb2d6;
    }
     
      /***PSEUDO***/
     
      .tpl_sujet_pseudo {
      display: block;
      position: relative;
      margin: 20px auto 0;
      width: 245px;
      height: 30px;
      background: #746d65;
      box-shadow: 0px 2px 2px #cdc9d2;
      font-size: 23px;
      font-family: 'Lobster Two', cursive;
      font-weight: normal;
      text-shadow: 1px 1px 0px #473f3a;
      color: #7a9762;
      line-height: 30px;
      text-align: center;
      z-index: 3;
      }


     .tpl_sujet_pseudo::before { /***CÔTÉ GAUCHE***/
      content: ' ';
      width: 0;
      height: 0;
      position: absolute;
      top: 100%;
      left: 0;
      border-width: 5px 10px;
      border-style: solid;
      border-color: #8eb2d6 #8eb2d6 transparent transparent;
      }

      .tpl_sujet_pseudo::after { /***CÔTÉ DROIT***/
      content: ' ';
      width: 0;
      height: 0;
      position: absolute;
      top: 100%;
      right: 0;
      border-width: 5px 10px;
      border-style: solid;
      border-color: #8eb2d6 transparent transparent #8eb2d6;
      }
     
      /***AVATAR & FEUILLE DE PERSONNAGE***/
     
      .tpl_sujet_avatar {
      position: relative;
      margin: -25px auto 0;
      width: 200px;
      height: 320px;
      border: 2px solid #e0e0e0;
      overflow: hidden;
      }

      .tpl_sujet_avatar div { /***FEUILLE DE PERSONNAGE***/
      position: absolute;
      top: 10px;
      left: 10px;
      width: 180px;
      height: 300px;
      background: #e0e0e0;
      padding: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      color: #746d65;
      text-align: justify;
      z-index: 2;
      opacity: 0;
      transform: scale(0.5);
      transition: all 1s;
      overflow: hidden;
    }

      .tpl_sujet_avatar div:hover {
      opacity: 1;
      transform: scale(1);
    }

      /***INFORMATIONS***/
     
      .tpl_sujet_rang {
      margin: 5px auto;
      width: 200px;
      height: 25px;
      background: #746d65;
      box-shadow: 2px 2px 0px #473f3a;
      font-size: 14px;
      color: #8eb2d6;
      text-align: center;
      }
     
      .tpl_sujet_informations {
      margin: 10px auto;
      width: 200px;
      min-height: 150px;
      background: #e0e0e0;
      padding: 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-align: justify;
      }

      .tpl_sujet_intitule {
      font-size: 13px;
      font-family: 'Lora', serif;
    }

      .tpl_sujet_contenu {
      font-size: 12px;
      color: #473f3a;
    }
     
      /***DATE & BOUTONS***/
     
      .tpl_sujet_bnddate {
      position: relative;
      margin: 20px auto 0;
      width: 640px;
      height: 30px;
      background: #746d65;
      padding: 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      box-shadow: 0px 2px 2px #cdc9d2;
      }
     
      .tpl_sujet_bnddate::after { /***CÔTÉ DROIT***/
      content: ' ';
      width: 0;
      height: 0;
      position: absolute;
      top: 100%;
      right: 0;
      border-width: 5px 10px;
      border-style: solid;
      border-color: #7E9CFC transparent transparent #7E9CFC;
      }

      .tpl_sujet_date {
      font-size: 16px;
      font-family: 'Lora', serif;
      color: #fff;
      float: left;
    }

      .tpl_sujet_boutons {
      float: right;
    }
        /***MESSAGE***/
     
      .tpl_sujet_message {
      margin: -10px auto 0;
      width: 600px;
      min-height: 510px;
      background: #695749;
      padding: 15px 8px 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      box-shadow: 3px 3px 1px #746d65;
      font-size: 14px;
      color: #38312c;
      text-align: justify;
      }

      /***EN LIGNE & CONTACT***/

      .tpl_sujet_contact {
      margin: 30px;
    }

     /***BORDURES***/

    td.catHead, td.catBottom {
      border-width: 0;
    }
            /***ENLEVER LIEN***/
    a:hover{
        text-decoration: none !important;
        }
       
        a {
        text-decoration: none !important;
        }
       
        a:link {
        text-decoration: none;
        }
       
        a:visited {
        text-decoration: none;
        }
    .bloc_flottant
    {
    width: 150px;
    height: 100px;
    position:fixed;
    top: 50px;
    right: 10px;
    }

    Lien du forum : https://miocene-rpg.forumactif.com/

    Merci d'avance pour votre aide !
    FAUCHEUSE ☠
    FAUCHEUSE ☠
    FémininAge : 24Messages : 138

    le Lun 29 Juin 2020 - 14:17

    Hello !

    Au vu des screens je dirais que c'est probablement une balise [b] ou <strong> qui n'a pas été fermée dans le message juste au-dessus, d'où le fait que quand tu prévisualises il n'y a plus le message en question sur la page, donc plus de problème. Mais ça ne corroborre pas trop avec le fait que tu ne reproduis pas le problème sur ton téléphone :hum:

    Moi non plus je ne vois aucun problème sur tes sujets :hum: Donc il y a peut-être un conflit quelque part selon plusieurs paramètres, mais avant de me pencher plus en détails sur le code, est-ce que tu peux donner le lien d'un sujet où ça se produit (déjà, est-ce que ça se produit sur tous les sujets ?) et préciser sous quel navigateur tu es ? :face:
    Lakia
    Lakia
    FémininAge : 21Messages : 132

    le Lun 29 Juin 2020 - 14:37

    Merci pour ton aide ! :hug:
    Alors oui ça me fait ça sur quasiment tous les sujets, par exemple :
    https://miocene-rpg.forumactif.com/t2-guide-de-miocene
    https://miocene-rpg.forumactif.com/t13-effectifs-des-clans
    https://miocene-rpg.forumactif.com/t1-votre-1er-sujet
    https://miocene-rpg.forumactif.com/t4-ppco-armaddons --> Ici le problème se situe sur ce qui est écrit tout en haut ( le nom de personnages ) non pas sur les fiches qui s'affichent correctement.

    Mais je n'ai pas de soucis ici :
    https://miocene-rpg.forumactif.com/t3-contexte-de-miocene

    Je ne comprends pas du tout :hum: J'ai essayé de vider mon cache, sans succès.

    Sinon pour le navigateur je suis sur Mozilla Firefox ! J'ai tenté d'aller sur Explorer, mais j'ai également le même problème.
    FAUCHEUSE ☠
    FAUCHEUSE ☠
    FémininAge : 24Messages : 138

    le Lun 29 Juin 2020 - 16:13

    Alors, visiblement ça se situe surtout sur les polices Montserrat et Trebuchet MS sur ton PC, j'ai peut-être une piste mais ça n'explique pas tous les éléments que tu as pu constater alors je ne sais pas si ça va tout régler, MAIS j'ai quand même une première piste à te proposer, déjà. :face:

    En zieutant tes screens au final j'ai pas tant que ça l'impression que c'est vraiment du gras, parce qu'il y a quand même une différence entre tes labels lieutenant/guide/dominant, etc et le reste du texte. Du coup c'est peut-être simplement un problème d'affichage des caractères.

    Déjà avant toute chose essaie de vérifier que ton navigateur Firefox est à jour, si tu utilises un navigateur pas à jour c'est possible qu'il galère à gérer Trebuchet MS, même si normalement c'est une police par défaut sur beaucoup de PC :hum: (De mémoire pour vérifier la version de firefox ça doit être un truc genre paramètres > aide > à propos de firefox). Et du coup si la version diffère entre ton ordi et ton téléphone ça peut expliquer la différence :hum: Mettre à jour peut aider.

    Ensuite en regardant un peu le code source de ton forum, je remarque que ton CSS utilise la police Montserrat à plusieurs endroits mais je ne trouve pas le css qui la lie à ton forum, c'est-à-dire ce lien :
    Code:
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/>
    quelque part dans ton HTML ou bien ce bout de code
    Code:
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    au tout début de ton CSS :hum:

    Si effectivement ça manque, c'est un premier problème, et je pense que ça peut causer ton souci de lettres trop grasses, car ton navigateur essaie du coup de trouver la police installée sur ton ordinateur et la largeur des caractères peut différer selon le fichier installé, voire carrément pas afficher la bonne police si tu ne l'as pas installée. (et pour le coup ce sera de toute façon embêtant pour tes membres, faudrait pas qu'ils doivent installer 12 polices sur leur ordi pour que ton forum s'affiche comme il faut chez eux aussi, dans tous les cas il faut bien déclarer toutes les polices que tu utilises si ce ne sont pas les polices de base). BREF, à ce moment-là, essaie de rajouter le premier code dans ton template overall_header juste avant </head>, ça devrait déjà au moins afficher correctement les noms des personnages au-dessus des fiches :hum:

    Dis-moi si ça t'a changé quelque chose, déjà :angry:
    Lakia
    Lakia
    FémininAge : 21Messages : 132

    le Lun 29 Juin 2020 - 16:47

    Oui tout à fait, ça fait plus une police assez bizarre qu'un gras pur et dur, mais c'est problématique scratch

    Alors concernant les mises à jour, je viens de faire toutes les mises à jour mais rien n'a changé. Ensuite, j'ai testé le code dans le Template, mais c'est toujours la même chose.

    Par contre j'ai un autre forum ( test ) ou mon ordinateur n'a aucun problème à afficher correctement la police, il s'agit du même code. ( pour les fiches par exemple ). Ceci dit j'ai remarqué un souci au niveau du Template, la balise est en rouge, mais elle l'est également sur l'autre forum. Ce qui est étrange étant donné que je n'ai aucun souci avec :hum:
    Voilà un screen : https://i.goopics.net/YOyGJ.png

    Voilà le problème du head : https://i.goopics.net/3a1p8.png
    Et le code
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
         xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>

    <head>
      <link href="https://fonts.googleapis.com/css?family=Overpass:400,700|Share+Tech+Mono" rel="stylesheet">
       <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
       <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
       <meta http-equiv="content-script-type" content="text/javascript"/>
       <meta http-equiv="content-style-type" content="text/css"/>
       <!-- BEGIN switch_compat_meta -->
       <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
       <!-- END switch_compat_meta -->
       <!-- BEGIN switch_canonical_url -->
       <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
       <!-- END switch_canonical_url -->
       {META_FAVICO}
       {META}
       {META_FB_LIKE}
       <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
       {T_HEAD_STYLESHEET}
       {CSS}
       <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
       <link rel="search" type="application/opensearchdescription+xml"
            href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
       <script src="{JQUERY_PATH}" type="text/javascript"></script>
       <!-- BEGIN switch_recent_jquery -->
       <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
       <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
       <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
       <!-- END switch_recent_jquery -->
       <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
       {RICH_SNIPPET_GOOGLE}

       <!-- BEGIN switch_fb_login -->
       <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
       <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
       <!-- END switch_fb_login -->

       <!-- BEGIN switch_ticker -->
       <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
       <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
       <!-- END switch_ticker -->

       <!-- BEGIN switch_ticker_new -->
       <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
       <script type="text/javascript">//<![CDATA[
          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch (tickerDirParam) {
             case 'top' :
                slid_vert = true;
                break;
             case 'left':
                break;
             case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;
             case 'right':
                auto_dir = 'prev';
                break;
             default:
                slid_vert = true;
          }

          $(document).ready(function () {
             var w_cont = $('#fa_ticker_container').width();

             if (w_cont > 0) {
                $('#fa_ticker_container').width(w_cont);

                /* Affichage de la liste */
                $('#fa_ticker_content').css('display', 'block');

                /* Calcul des dimensions du conteneur et des elements */
                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                var height_max = h_perso;

                /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
                $('ul#fa_ticker_content li').each(function () {
                   if ($(this).height() > height_max) {
                      height_max = $(this).height();
                   }
                });

                /* Redimensionnement des elements et des images trop larges */
                $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                   if ($(this).width() > width_item) {
                      var ratio = $(this).width() / width_item;
                      var new_height = Math.round($(this).height() / ratio);
                      $(this).height(new_height).width(width_item);
                   }
                });

                /* Redimensionnement et centrage du conteneur en mode vertical */
                if (slid_vert) {
                   $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
                }

                /* Initialisation du caroussel */
                $('#fa_ticker_content').jcarousel({
                   vertical: slid_vert,
                   wrap: 'circular',
                   auto: {switch_ticker.STOP_TIME},
                   auto_direction: auto_dir,
                   scroll: 1,
                   size: {switch_ticker.SIZE},
                   height_max: height_max,
                   animation: {switch_ticker.SPEED}
                });
             } else {
                $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
                $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
             }
          });
          //]]>
       </script>
       <!-- END switch_ticker_new -->

       <script type="text/javascript">//<![CDATA[
          $(document).ready(function () {
             <!-- BEGIN switch_enable_pm_popup -->
             pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
             if (pm != null) {
                pm.focus();
             }
             <!-- END switch_enable_pm_popup -->
             <!-- BEGIN switch_report_popup -->
             report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
             if (report != null) {
                report.focus();
             }
             <!-- END switch_report_popup -->
             <!-- BEGIN switch_ticker -->
             $(document).ready(function () {
                Ticker.start({
                   height: {switch_ticker.HEIGHT},
                   spacing: {switch_ticker.SPACING},
                   speed: {switch_ticker.SPEED},
                   direction: '{switch_ticker.DIRECTION}',
                   pause: {switch_ticker.STOP_TIME}
                });
             });
             <!-- END switch_ticker -->
          });

          <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
             logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
          <!-- END switch_login_popup -->

          <!-- BEGIN switch_login_popup -->
          $(document).ready(function () {
             $(window).resize(function () {
                var windowWidth = document.documentElement.clientWidth;
                var popupWidth = $("#login_popup").width();
                var mypopup = $("#login_popup");

                $("#login_popup").css({
                   "left": windowWidth / 2 - popupWidth / 2
                });
             });
          });
          <!-- END switch_login_popup -->
          //]]>
       </script>
       {GREETING_POPUP}
       <!-- BEGIN switch_ticker_new -->
       <style>
          .jcarousel-skin-tango .jcarousel-item {
             text-align: center;
             width: 10px;
          }

          .jcarousel-skin-tango .jcarousel-item-horizontal {
             margin-right: {switch_ticker.SPACING}px;
          }

          .jcarousel-skin-tango .jcarousel-item-vertical {
             margin-bottom: {switch_ticker.SPACING}px;
          }
       </style>
       <!-- END switch_ticker_new -->
       {HOSTING_JS}

       <!-- BEGIN google_analytics_code -->
       <script type="text/javascript">
          //<![CDATA[
          (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
          a = s.createElement(o),
             m = s.getElementsByTagName(o)[0];
          a.async = 1;
          a.src = g;
          m.parentNode.insertBefore(a, m)
          })
          (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
          ga('create', '{G_ANALYTICS_ID}', 'auto');
          ga('send', 'pageview');
          ga('set', 'anonymizeIp', true);

          <!-- BEGIN google_analytics_code_bis -->
          ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
          ga('bis.send', 'pageview');
          ga('bis.set', 'anonymizeIp', true);
          <!-- END google_analytics_code_bis -->
          //]]>

       </script>
       <!-- END google_analytics_code -->
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/>
    </head>
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
         vlink="{T_BODY_VLINK}">
                  <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: -804px; z-index:10000; -webkit-transition: 1s; transition: 1s;" id="chatboxpop">
        <tr>
          <td style="background-color: #e0e0e0; padding: 2px;">
            <iframe src="/chatbox/index.forum" scrolling="no" style="width: 800px; height: 400px;" frameborder="0">
            </iframe>
          </td>
          <td style="vertical-align: bottom;">
            <img src="https://i.goopics.net/JaY7o.png" onClick="document.getElementById('chatboxpop').style.left=(this.src=='https://i.goopics.net/JaY7o.png')?'0px':'-804px';this.src=(this.src=='https://i.goopics.net/JaY7o.png')?'https://i.goopics.net/RdPEv.png':'https://i.goopics.net/JaY7o.png';"/>
          </td>
        </tr>
      </table>
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
       <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
       <div class="content">
          <p>
             {hitskin_preview.L_THEME_SITE_PREVIEW}
             <br/>
             <span>{hitskin_preview.U_INSTALL_THEME}<a
                      href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
          </p>
       </div>
    </div>
    <!-- END hitskin_preview -->

    <!-- BEGIN switch_login_popup -->
    <div id="login_popup" style="z-index: 10000 !important;">
       <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
            cellpadding="0">
          <tr height="25">
             <td class="catLeft">
                <span class="genmed module-title">{SITENAME}</span>
             </td>
          </tr>
          <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
             <td class="row1" align="left" valign="top">
                <div id="login_popup_buttons">
                   <form action="{S_LOGIN_ACTION}" method="get">
                      <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                      <input type="button" class="mainoption" value="{L_REGISTER}"
                           onclick="parent.location='{U_REGISTER}';"/>
                      <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
                   </form>
                </div>
                <span class="genmed">{LOGIN_POPUP_MSG}</span>
             </td>
          </tr>
       </table>
    </div>
    <!-- END switch_login_popup -->

    <!-- BEGIN switch_like_popup -->
    <div id="like_popup" style="z-index: 10000 !important;">
       <table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
            cellpadding="0">
          <tr height="25">
             <td class="catLeft">
                <span class="genmed module-title">{SITENAME}</span>
             </td>
          </tr>
          <tr height="{LIKE_POPUP_MSG_HEIGHT}">
             <td class="row1" align="left" valign="top">
                <div id="like_popup_buttons">
                   <form action="{S_LOGIN_ACTION}" method="get">
                      <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                      <input type="button" class="mainoption" value="{L_REGISTER}"
                           onclick="parent.location='{U_REGISTER}';"/>
                      <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
                   </form>
                </div>
                <span class="genmed">{LIKE_POPUP_MSG}</span>
             </td>
          </tr>
       </table>
    </div>
    <!-- END switch_like_popup -->

    <a name="top"></a>
    {JAVASCRIPT}

    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
       <tr>
          <td class="bodyline">
             <table width="100%" cellspacing="0" cellpadding="0" border="0">
                <tr>
                   <!-- BEGIN switch_logo_left -->
                   <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
                   </td>
                   <!-- END switch_logo_left -->
                   <td align="center" width="100%" valign="middle">
                      <!-- BEGIN switch_logo_center -->
                      <a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
                      <br/>
                      <!-- END switch_logo_center -->
                      <div class="maintitle">{MAIN_SITENAME}</div>
                      <br/>
                      <span class="gen">{SITE_DESCRIPTION}<br/>&nbsp; </span>
                   </td>
                   <!-- BEGIN switch_logo_right -->
                   <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
                   </td>
                   <!-- END switch_logo_right -->
                </tr>
             </table>

             <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
    <tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
    <script type="text/javascript">$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});</script>
    <tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
    </table>

             <div style="clear: both;"></div>

             <!-- BEGIN switch_ticker_new -->
             <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                   <tr>
                      <td align="left" class="row1">
                         <div id="fa_ticker_container">
                            <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                               <!-- BEGIN ticker_row -->
                               <li>{switch_ticker.ticker_row.ELEMENT}</li>
                               <!-- END ticker_row -->
                            </ul>
                         </div>
                      </td>
                   </tr>
                </table>
             </div>
             <!-- END switch_ticker_new -->

             <!-- BEGIN switch_ticker -->
             <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                   <tr>
                      <td align="left" class="row1">
                         <div id="fa_ticker_container">
                            <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                               <div class="fa_ticker_content">
                                  <!-- BEGIN ticker_row -->
                                  <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                  <!-- END ticker_row -->
                               </div>
                            </div>
                         </div>
                      </td>
                   </tr>
                </table>
             </div>
             <!-- END switch_ticker -->

             <div id="page-body">
                <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                   <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                      <tbody>
                      <tr>
                         <td valign="top" width="{C1SIZE}">
                            <div id="{ID_LEFT}">
                               <!-- BEGIN giefmod_index1 -->
                               {giefmod_index1.MODVAR}
                               <!-- BEGIN saut -->
                               <div style="height:{SPACE_ROW}px"></div>
                               <!-- END saut -->
                               <!-- END giefmod_index1 -->
                            </div>
                         </td>
                         <td valign="top" width="100%">
                            <!-- BEGIN html_validation -->
                         </td>
                      </tr>
                      </tbody>
                   </table>
                </div>
             </div>
          </td>
       </tr>
    </table>
    </body>
    </html>
    <!-- END html_validation -->

    J'ai rajouté le code que tu m'as indiqué !

    Ensuite, je ne sais pas si ça a un lien, mais vue que j'arrive à lire sur mon téléphone ça semble étrange, j'ai du rajouté cette ligne de police pour le code d'une fiche :
    https://i.goopics.net/nqn9K.png

    Je ne comprends absolument pas :panic: Effectivement je ne trouve pas non plus les codes que tu as indiqués
    FAUCHEUSE ☠
    FAUCHEUSE ☠
    FémininAge : 24Messages : 138

    le Lun 29 Juin 2020 - 17:45

    Alooooors, je me doutais que ça règlerait pas tout mais j'pensais pas que ça règlerait RIEN :ouin: C'est pas grave. J't'av que je galère à trouver d'où ça peut bien venir comme j'arrive pas à me le produire chez moi krkr mais j'vais tester des trucs sur un forum test et je te dis si j'ai une autre idée zlgdrfhkhgdsv.

    Je vais chercher une piste au niveau de la différence prévisualisation - message, est-ce que tu as modifié le template posting_preview ? (dans Poster & Messages privés)

    Et en attendant est-ce que tu as moyen de tester sur un autre navigateur comme Chrome ou Opera par exemple ? :hum: (Ou même juste Edge si tu es sur Windows) qu'on voit un peu si c'est juste un pb avec Firefox ou quoi :hum:

    En tous cas par rapport à ton </head> rouge du coup c'est tout à fait compréhensible, ça t'indique qu'une des balises avant n'est pas fermée et ça arrive souvent quand un <link> n'a pas de / à la toute fin, par exemple là dans ta ligne
    Code:
    <link href="https://fonts.googleapis.com/css?family=Overpass:400,700|Share+Tech+Mono" rel="stylesheet">
    il manque le slash à la fin qui est censé fermer la balise, si tu le rajoutes ton </head> devrait redevenir vert !
    En soit ce type d'erreur pose généralement pas problème, mais c'est bien de le rajouter. Mais c'est pas ça qui cause ton souci, enfin je pense pas ;;
    Lakia
    Lakia
    FémininAge : 21Messages : 132

    le Lun 29 Juin 2020 - 18:00

    C'est tellement difficile parfois de trouver la source du problème :sorry:

    Alors je n'ai pas modifié le template posting_preview !

    J'ai testé sur Edge et le souci est toujours présent ! Par contre, j'ai tenté d'aller voir sur ma tablette ( c'est apple donc il me semble que le navigateur est Safari ) et je n'ai aucun problème ! Les polices s'affichent même correctement :
    https://i.goopics.net/1kxvN.jpg
    Mais sur mon autre forum l'écriture du titre de la fiche par exemple n'est pas comme ça, elle est comme sur les autres screens.

    Et pour le head effectivement la balise est désormais verte Wink

    Merci pour ton aide et le temps que tu prends à m'aider :lovebomb:
    Shaneliae
    Shaneliae
    FémininAge : 23Messages : 283

    le Mer 1 Juil 2020 - 11:18

    Hello @Lakia !

    Ton problème est toujours d'actu ? Personnellement je n'ai aucun problème d'affichage de mon côté... Tu as trouvé une solution ?



    FAUCHEUSE ☠
    FAUCHEUSE ☠
    FémininAge : 24Messages : 138

    le Mer 1 Juil 2020 - 12:38

    De mon côté je trouve pas trop d'autre idée à proposer comme j'ai aucun pb d'affichage non plus, du coup dans tous les cas j'vais devoir m'effacer :culte:
    Lakia
    Lakia
    FémininAge : 21Messages : 132

    le Mer 1 Juil 2020 - 20:30

    Coucou !
    Alors ça me fait toujours la même chose à part pour quelques codes ... Mais comme tout le monde a l'air de ne pas avoir de soucis d'affichage, c'est sûrement mon ordi qui doit avoir un problème !

    J'ai un autre problème très gênant, pour les catégories certains membres n'arrivent pas à cliquer sur les sous-forums ou sur les titres, je ne comprends pas trop comment cela se fait-il :c

    EDIT : J'ai changé de catégorie donc c'est bon pour moi, vous pouvez mettre ce sujet en résolu !

    Merci pour votre aide en tout cas ! :hug:
    Shaneliae
    Shaneliae
    FémininAge : 23Messages : 283

    le Jeu 2 Juil 2020 - 14:07

    Hello @Lakia !

    Alors je pense que cela peut venir des polices installées sur ton ordinateur. Essayes d'enlever celles qui ont un problème d'affichage sur ton forum et ton problème devrait se résoudre.

    Pour ton autre problème, je n'ai pas vu de forum ou sous-forum non cliquables. On peut sûrement t'aider, quels sont ceux où tes membres ont eu des problèmes ? Quels navigateurs les membres concernés utilisent-ils ? Est-ce qu'ils ont des bugs du genre à d'autres endroits ?



    Contenu sponsorisé


      La date/heure actuelle est Mer 8 Juil 2020 - 3:11