Espace entre les lignes
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Espace entre les lignes
Détails techniques
Version du forum : phpBB2Poste 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.
Dernière édition par YumiNeko le Sam 1 Déc 2018 - 18:54, édité 1 fois
Re: Espace entre les lignes
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 :
Modifiez la valeur 13px, par une autre valeur (19px par exemple).
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).
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Espace entre les lignes
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
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
Re: Espace entre les lignes
Hello YumiNeko,
dans ta feuille de style , tu as ceci:
Changes la valeur du line-height à 25 .
a++
dans ta feuille de style , tu as ceci:
- Code:
.postbody {
font-size: 25px;
line-height: 18px;
}
Changes la valeur du line-height à 25 .
a++
Invité- Invité
Re: Espace entre les lignes
J'ai mis 50 et toujours rien. Je ne sais pas. ^^
Re: Espace entre les lignes
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:
a++
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++
Invité- Invité
Re: Espace entre les lignes
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*******************/
Re: Espace entre les lignes
Re,
supprimes ceci au début de ta feuille de style:
Ta c.s.s modifiée dans sa totalité:
Penses à cliquer sur le bouton
a++
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++
Invité- Invité
Re: Espace entre les lignes
Ça a marché !
Merci pour ton aide.
Merci pour ton aide.
Re: Espace entre les lignes
De rien YumiNeko ,
a++
a++
Invité- Invité
Sujets similaires
» Espace entre les lignes
» Espace entre les lignes
» Réduire l'espace entre les lignes
» Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.
» Espace entre le logo et le forum en lui-même avec un Panel entre les Deux
» Espace entre les lignes
» Réduire l'espace entre les lignes
» Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.
» Espace entre le logo et le forum en lui-même avec un Panel entre les Deux
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum