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

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 le 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 :



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
*****

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

http://lefofodemacopine.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 le Ven 21 Oct 2016 - 6:10

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

I don't want that

lilas
*****

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

http://lefofodemacopine.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 le 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
+ Hyperactif +

Messages : 4404
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 le 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
*****

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

http://lefofodemacopine.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


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