Fond de message - Couvrir l'espace des messages en entier

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fond de message - Couvrir l'espace des messages en entier

Message par lilas Mar 18 Oct 2016 - 21:38

cheers Bonjour/bonsoir forum,

J'ai fait de mon mieux pour le titre même si ce n'est pas parfait  pale
Le code CSS fontionne bien lorsque les messages sont longs.
Si les messages sont courts, le fond ne s'applique que sur la partie du texte.
Or, j'aimerais que le fond s'étire jusqu'à la ligne de séparation du message suivant,
en supprimant la border bottom, si possible.
Voici une capture d'écran pour mieux comprendre :

Fond de message - Couvrir l'espace des messages en entier  0_fond10

Le code CSS
Code:
*Début corps de message*/
div.postbody {
border: 2px dashed #b8a3b9;
background-color: #f4f0f4;
padding: 20px;
margin-left : 30px ;
margin-right : 30px ;
margin-top : 0px ;
margin-bottom : 10px ;
/**margin: 10px; **/
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
-o-border-radius-bottomleft: 0px;
-o-border-radius-bottomright: 0px;
-o-border-radius-topleft: 25px;
-o-border-radius-topright: 25px;
}
/*Fin corps de message*/
Gloups


Dernière édition par lilas le Ven 21 Oct 2016 - 23:38, édité 1 fois
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de message - Couvrir l'espace des messages en entier

Message par lilas Ven 21 Oct 2016 - 6:10

cheers  Allez up, un petite pas de valse... 

I don't want that
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Fond de message - Couvrir l'espace des messages en entier

Message par MlleAlys Ven 21 Oct 2016 - 20:17

Bonjour,
Vous pouvez appliquer une hauteur minimale au cadre pour correspondre à peu près à celle des profils.
Par exemple, vous pouvez remplacer votre code par celui-ci (simplifié au passage) :
Code:
/*Début corps de message*/
div.postbody {
  background-color: #f4f0f4;
  border: 2px dashed #b8a3b9;
  border-bottom: 0;
  -moz-border-radius: 25px 25px 0 0;
  -o-border-radius: 25px 25px 0 0;
  -webkit-border-radius: 25px 25px 0 0;
  border-radius: 25px 25px 0 0;
  margin: 0 30px;
  padding: 20px;
  min-height: 400px;
}
/*fin corps de message*/

Ici j'ai appliqué une hauteur minimale de 400px (min-height: 400px; ) afin que le corps de message soit d'une hauteur à peu près équivalente à celle des profils.
MlleAlys

MlleAlys
Membre actif

Messages : 5800
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de message - Couvrir l'espace des messages en entier

Message par lilas Ven 21 Oct 2016 - 23:35

cheers Un tout grand MERCI MlleAlys, tu fais ma journée !
J'ai changé 400px par 550px ce qui convient parfaitement.

Angel
J'ai trouvé le code sur un forum qui n'est plus actif et j'avais remarqué la répétition des borders plutôt 
que placé les 4 pôles sur une même ligne... 
Par paresse, j'avais remis à plus tard la correction que j'avais trouvé sur un autre forum   Embarassed

Mr. Green
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum