Espace entre les lignes

[YumiNeko]

Détails techniques

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

Voir l'image:

https://ibb.co/SVm7gL3

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aucune idée
Lien du forum : http://handi-family.forumactif.com

Description du problème

Bonjour !
J'ai un probléme d'affichage dans mon forum; les lignes des messages sont collés les un aux autres, j'ai essayé plusieurs codes proposés ici pour les espacé, mais ça ne marche pas. Je ne comprend pas d'où vient le probléme. :/

J'ai cherché dans les archives des aides résolus, j'ai trouvé un code css, mais il n'a pas fonctioné. ( .line-height: 40px; )

Merci pour votre aide.

[Lixyr]

Bonjour,

C'est normal, vous avez mis un petit point devant line-height. Mais ne rajoutez pas de code, vous en avez déjà un pour le line-height, dans votre CSS :

Vous avez dans votre CSS :

.contexte {
background-color: #ededed;
font-size: 16px;
height: 200px;
line-height: 13px;
margin-bottom: 20px;
overflow: auto;
padding: 10px;
text-align: justify;
}

Modifiez la valeur 13px, par une autre valeur (19px par exemple).

[YumiNeko]

Merci pour ta réponse.
Le code ci-dessus est pour la page d'accueil, mais le probléme que j'ai est dans les sujets. Voici un lien pour vous montrer: http://handi-family.forumactif.com/t15-presentation-de-luciole

[Invité]

Hello YumiNeko,
dans ta feuille de style , tu as ceci:

Code:


.postbody {
    font-size: 25px;
    line-height: 18px;
}


Changes la valeur du line-height à 25 .

a++

[YumiNeko]

J'ai mis 50 et toujours rien. Je ne sais pas. ^^

[Invité]

Non, je vois toujours la même chose sur ton fofo.
25 et suffisant .

Tu peux donner le contenu de ta feuille de style stp .

Tu as deux fois le style dans ta c.s.s:
recherches et supprimes ceci:

Code:

.postbody{font-size:25px;line-height:18px}

a++

[YumiNeko]

Voilà le code :

Code:

font-family: 'PT Sans', sans-serif;

/* ************ HAUTEUR ZONE DE SAISIE POSTS ET TAILLE DES POLICES ********************************* */
      
      .postbody {
    font-size: 25px;
    line-height: 50px;
}
    
    
      .navnew{
       margin:8px;
       }

a.mainmenu img {
display:none;
}

a.mainmenu{
    text-decoration:none;
        padding: 1px 1px;
        width: 350px;
        margin: 0px;
        background: #596697;
        color: #fff;
        font-size: 24px;
        border: 1px solid #Couleur;
}


a:hover.mainmenu{
    text-decoration:none;
        padding: 1px 1px;
        width: 350px;
        margin: 0px;
        background: #8ea2c6;
        color: #FFF;
        font-size: 30px;
        border: 1px solid #FFF;
}


/*--------- Fiche règlement ---------*/
.background {
  background-color:#ededed;
  width:700px;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
  margin:auto;
  padding:30px;
}

.h1 {
  color:#7f8fa6;
  font-size:30px;
 
  text-align:center;
  margin-bottom:20px;
}
.image {
  background-color:#D7D8D9;
  width:456px; height:146px;
  box-shadow: 0px 0px 6px black;
  margin:auto;
}
.contenu {
  font-size:17px;
  margin-top: 20px;
  background-color:#ededed;
  padding:10px;
  text-align: justify;
}
.h2 {
  color:7f8fa6;
  text-align:center;
  font-size:22px;
  
}
.texte {
  color:#24445c;
  font-size:20px;
  text-align:justify;
}

.credits {
   font-size: 16px;
}
/*-------- Fin règlement-------*/

/* Commande de Page d'accueil par Cheshire Cat */
      .inline{
         display:inline-block;
         vertical-align:top;
      }
      .PA{  
         background: #ededed;
         width:950px;
         margin:20px auto;
         padding:10px 20px 20px 20px;
         box-sizing:border-box;      
         font-family:calibri;
         font-size:18px;
         color:#24445c;
      }
      .PA a{
         color:#de8585;
         transition:all 400ms;
      }
      .PA a:hover{
         color:#8a4c4c;
      }
      .PA h1{
         margin:0 -20px 10px;
         padding-bottom:10px;
         text-align:center;
         font-weight:normal;
         font-size:40px;
        
         font-family:'Montez';
      }
      .PA h2{
         margin:0 20px 10px;
         text-align:center;
         font-weight:normal;
         font-size:30px;
         border-bottom:2px solid #425b8a;
         font-family:'Montez';
      }
      .PA-Gauche{
         width:600px;
      }
      .contexte{    
         height:250px;
         margin-bottom:20px;
         padding:10px;
         background-color:#ededed;      
         overflow:auto;
         text-align:justify;
         font-size: 22px;
      }
      .PA-Droite{
         width:600px;
         margin-left:20px;
      }
      .staff-votes{
         width:235px;
         margin-right:20px;
      }
      .staff{
         padding:0 10px;
         margin-bottom:10px;
      }
      .infobulle{
         position:relative;
         width:100px;
         height:100px;
         overflow:hidden;
         border-radius:10px;
         background-color:#EFEFEF;
         box-shadow:1px 1px 3px #b1a9a9;
      }
      .infobulle:first-of-type{
         margin-right:10px;
      }
      .infobulle > img{
         width:100%;
      }
      .infobulle div{
         position:absolute;
         top:100px;
         left:0;
         width:100px;
         height:100px;
         padding:10px;
         box-sizing:border-box;
         background-color:#fbf7f7;
         text-align:center;
         font-size:15px;
        
         opacity:0;
         transition:all 600ms;
      }
      .infobulle:hover div{
         top:0;
         opacity:0.9;
      }
      .votes{
         text-align:center;
         font-size:0;
      }
      .votes img{
         margin:0 3px;
      }
      .nouveautes{
         width:200px;
         height:190px;
         margin-bottom:10px;
         padding:10px;
         overflow:auto;
         background-color:#ededed;                
         text-align:justify;
        
         font-size: 14px;
      }
      .partenaires{
         padding:10px;
         background-color:#ededed;
         border-radius:20px;
         text-align:center;
        
      }
      #boxe_defil {
         position:relative;
         height:31px;
         overflow:hidden;
      }
      #defile {
         width:100%;
         position:absolute;
         margin-top:1px;
         background-color:transparent;
      }
      .credits{
         font-size:10px;
         padding:0 20px;
      }

@font-face {    font-family: 'LemonTuesday';    src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesdaye.eot');    src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.eot?#iefix') format('embedded-opentype'),         url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.woff') format('woff'),         url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.ttf') format('truetype'),         url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.svg') format('svg');    font-weight: normal;    font-style: normal; }

/****************** Début QEEL *************************/
    .credou {
    color: grey;
    font-size: 20px;
    height: 20px;
    margin: 20px;
    position: relative;
    top: 100px;
}
.credou a {
    color: #d09f01!important;
    text-decoration: none;
}
.newet_user {
    font-size: 0;
}
.newet_user strong a {
    background: #ededed;
    
    bottom: 15px;
    font-size: 24px;
    max-height: 46px;
    padding: 33px 0 5px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.newet_user strong a:before {
  
    content: "Dernier utilisateur :";
    
    width: 350px;
    font-weight: 400;
    left: 0;
    position: absolute;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-style: italic;
    top: 10px;
    width: 100%;
}
td.row1, td.row3.over:hover {
    background-color: white;
  font-family:'Poiret One';
}
.titleqeel {
  position:relative;
  width:900px;
  height:100px;
  background-color:#596697;
  background-size:100%;
  background-repeat:no-repeat;
  margin:0 auto;
  color: #fff;
}
.textqeel {
    color: #ededed;
    font-family: 'Poiret One';
    font-size: 55px;
    padding: 15px;
    font-weight: 100;
    text-align: center;
}
  .qeelfond {
    position:relative;
      border-bottom: 35px solid #596697;
    width:950px;
    height:400px;
    background-color:#ededed;
    margin:0 auto;
  }
.box {
    height: 500px;
    padding: 20px;
    position: relative;
    top: 40px;
    right: 10px;
    width: 230px;
}
.stats_left {
    width: 240px;
    overflow: hidden;
    padding: 5px;
    margin-right:-30px;
    float:right;
}
.stats_info {
    border-bottom: 1px solid #596697;
    font-family: roboto condensed;
    font-size: 14px;
    letter-spacing: 2px;
    width:190px;
    color: #425b8a;
    text-transform: uppercase;
    text-align: right;
    padding: 8px;
}
.stats_info2 {
    border-bottom: 1px solid #596697;
    font-family: roboto condensed;
    font-size: 14px;
    letter-spacing: 2px;
    width:190px;
    float:right;
    margin-right:9%;
    color: #425b8a;
    text-transform: uppercase;
    text-align: right;
    padding: 8px;
        margin-top: 15px;
}
.ausersb {
    
    
    color: #425b8a;
    float: right;
    font-family: 'Poiret One';
    font-size: 6px;
    font-weight: lighter;
    height: 102px;
    
    margin-right: 5px;
    margin-top: -106px;
    padding: 10px;
    position: relative;
    text-align: justify;
    width: 240px;
    overflow: auto;
}
.onlineuh {
    
    border: 1px solid #596697;
  content:"";
    float: right;
    font-family: 'Poiret One';
    font-size: 18px;
    height: 237px;
    margin-right: -230px;
    margin-top: 40px;
    padding: 5px;
    top: 20px;
    position: relative;
    text-align: justify;
    width: 270px;
}
     
/***************************Fin du QEEL*******************/


[Invité]

Re,
supprimes ceci au début de ta feuille de style:

Code:

font-family: 'PT Sans', sans-serif;

Ta c.s.s modifiée dans sa totalité:

Code:

    /* ************ HAUTEUR ZONE DE SAISIE POSTS ET TAILLE DES POLICES ********************************* */
         
          .postbody {
        font-size: 25px;
        line-height:25px;
    }
       
       
          .navnew{
          margin:8px;
          }

    a.mainmenu img {
    display:none;
    }

    a.mainmenu{
        text-decoration:none;
            padding: 1px 1px;
            width: 350px;
            margin: 0px;
            background: #596697;
            color: #fff;
            font-size: 24px;
            border: 1px solid #Couleur;
    }


    a:hover.mainmenu{
        text-decoration:none;
            padding: 1px 1px;
            width: 350px;
            margin: 0px;
            background: #8ea2c6;
            color: #FFF;
            font-size: 30px;
            border: 1px solid #FFF;
    }


    /*--------- Fiche règlement ---------*/
    .background {
      background-color:#ededed;
      width:700px;
      border-left:solid 3px #A7BEC7;
      border-right:solid 3px #A7BEC7;
      margin:auto;
      padding:30px;
    }

    .h1 {
      color:#7f8fa6;
      font-size:30px;
   
      text-align:center;
      margin-bottom:20px;
    }
    .image {
      background-color:#D7D8D9;
      width:456px; height:146px;
      box-shadow: 0px 0px 6px black;
      margin:auto;
    }
    .contenu {
      font-size:17px;
      margin-top: 20px;
      background-color:#ededed;
      padding:10px;
      text-align: justify;
    }
    .h2 {
      color:7f8fa6;
      text-align:center;
      font-size:22px;
     
    }
    .texte {
      color:#24445c;
      font-size:20px;
      text-align:justify;
    }

    .credits {
      font-size: 16px;
    }
    /*-------- Fin règlement-------*/

    /* Commande de Page d'accueil par Cheshire Cat */
          .inline{
            display:inline-block;
            vertical-align:top;
          }
          .PA{ 
            background: #ededed;
            width:950px;
            margin:20px auto;
            padding:10px 20px 20px 20px;
            box-sizing:border-box;     
            font-family:calibri;
            font-size:18px;
            color:#24445c;
          }
          .PA a{
            color:#de8585;
            transition:all 400ms;
          }
          .PA a:hover{
            color:#8a4c4c;
          }
          .PA h1{
            margin:0 -20px 10px;
            padding-bottom:10px;
            text-align:center;
            font-weight:normal;
            font-size:40px;
           
            font-family:'Montez';
          }
          .PA h2{
            margin:0 20px 10px;
            text-align:center;
            font-weight:normal;
            font-size:30px;
            border-bottom:2px solid #425b8a;
            font-family:'Montez';
          }
          .PA-Gauche{
            width:600px;
          }
          .contexte{   
            height:250px;
            margin-bottom:20px;
            padding:10px;
            background-color:#ededed;     
            overflow:auto;
            text-align:justify;
            font-size: 22px;
          }
          .PA-Droite{
            width:600px;
            margin-left:20px;
          }
          .staff-votes{
            width:235px;
            margin-right:20px;
          }
          .staff{
            padding:0 10px;
            margin-bottom:10px;
          }
          .infobulle{
            position:relative;
            width:100px;
            height:100px;
            overflow:hidden;
            border-radius:10px;
            background-color:#EFEFEF;
            box-shadow:1px 1px 3px #b1a9a9;
          }
          .infobulle:first-of-type{
            margin-right:10px;
          }
          .infobulle > img{
            width:100%;
          }
          .infobulle div{
            position:absolute;
            top:100px;
            left:0;
            width:100px;
            height:100px;
            padding:10px;
            box-sizing:border-box;
            background-color:#fbf7f7;
            text-align:center;
            font-size:15px;
           
            opacity:0;
            transition:all 600ms;
          }
          .infobulle:hover div{
            top:0;
            opacity:0.9;
          }
          .votes{
            text-align:center;
            font-size:0;
          }
          .votes img{
            margin:0 3px;
          }
          .nouveautes{
            width:200px;
            height:190px;
            margin-bottom:10px;
            padding:10px;
            overflow:auto;
            background-color:#ededed;               
            text-align:justify;
           
            font-size: 14px;
          }
          .partenaires{
            padding:10px;
            background-color:#ededed;
            border-radius:20px;
            text-align:center;
           
          }
          #boxe_defil {
            position:relative;
            height:31px;
            overflow:hidden;
          }
          #defile {
            width:100%;
            position:absolute;
            margin-top:1px;
            background-color:transparent;
          }
          .credits{
            font-size:10px;
            padding:0 20px;
          }

    @font-face {    font-family: 'LemonTuesday';    src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesdaye.eot');    src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.eot?#iefix') format('embedded-opentype'),        url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.woff') format('woff'),        url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.ttf') format('truetype'),        url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.svg') format('svg');    font-weight: normal;    font-style: normal; }

    /****************** Début QEEL *************************/
        .credou {
        color: grey;
        font-size: 20px;
        height: 20px;
        margin: 20px;
        position: relative;
        top: 100px;
    }
    .credou a {
        color: #d09f01!important;
        text-decoration: none;
    }
    .newet_user {
        font-size: 0;
    }
    .newet_user strong a {
        background: #ededed;
       
        bottom: 15px;
        font-size: 24px;
        max-height: 46px;
        padding: 33px 0 5px;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    .newet_user strong a:before {
     
        content: "Dernier utilisateur :";
       
        width: 350px;
        font-weight: 400;
        left: 0;
        position: absolute;
        font-family: 'Roboto Condensed';
        text-transform: uppercase;
        font-style: italic;
        top: 10px;
        width: 100%;
    }
    td.row1, td.row3.over:hover {
        background-color: white;
      font-family:'Poiret One';
    }
    .titleqeel {
      position:relative;
      width:900px;
      height:100px;
      background-color:#596697;
      background-size:100%;
      background-repeat:no-repeat;
      margin:0 auto;
      color: #fff;
    }
    .textqeel {
        color: #ededed;
        font-family: 'Poiret One';
        font-size: 55px;
        padding: 15px;
        font-weight: 100;
        text-align: center;
    }
      .qeelfond {
        position:relative;
          border-bottom: 35px solid #596697;
        width:950px;
        height:400px;
        background-color:#ededed;
        margin:0 auto;
      }
    .box {
        height: 500px;
        padding: 20px;
        position: relative;
        top: 40px;
        right: 10px;
        width: 230px;
    }
    .stats_left {
        width: 240px;
        overflow: hidden;
        padding: 5px;
        margin-right:-30px;
        float:right;
    }
    .stats_info {
        border-bottom: 1px solid #596697;
        font-family: roboto condensed;
        font-size: 14px;
        letter-spacing: 2px;
        width:190px;
        color: #425b8a;
        text-transform: uppercase;
        text-align: right;
        padding: 8px;
    }
    .stats_info2 {
        border-bottom: 1px solid #596697;
        font-family: roboto condensed;
        font-size: 14px;
        letter-spacing: 2px;
        width:190px;
        float:right;
        margin-right:9%;
        color: #425b8a;
        text-transform: uppercase;
        text-align: right;
        padding: 8px;
            margin-top: 15px;
    }
    .ausersb {
       
       
        color: #425b8a;
        float: right;
        font-family: 'Poiret One';
        font-size: 6px;
        font-weight: lighter;
        height: 102px;
       
        margin-right: 5px;
        margin-top: -106px;
        padding: 10px;
        position: relative;
        text-align: justify;
        width: 240px;
        overflow: auto;
    }
    .onlineuh {
       
        border: 1px solid #596697;
      content:"";
        float: right;
        font-family: 'Poiret One';
        font-size: 18px;
        height: 237px;
        margin-right: -230px;
        margin-top: 40px;
        padding: 5px;
        top: 20px;
        position: relative;
        text-align: justify;
        width: 270px;
    }
       
    /***************************Fin du QEEL*******************/


Penses à cliquer sur le bouton


a++

[YumiNeko]

Ça a marché !
Merci pour ton aide.

[Invité]

De rien YumiNeko ,

a++