Insérer un espace automatique en début et fin du corps d'un message

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

Résolu Insérer un espace automatique en début et fin du corps d'un message

Message par Chamois le Lun 4 Aoû 2014 - 16:01

Bonjour à tous !

Avec votre aide, toujours efficace, j'ai dans un message créé 2 zones de couleurs différentes (fonds):
- celle du corps du message : fond jaune pastel
- celle de la signature : fond blanc

Code:
  div.postbody{
            background-color: #FAF9CE;
        }

Ce qui me convient fort bien, à un détail près.

Voici un aperçu de ce que j'ai actuellement pour la zone corps du message : la ligne du haut et celle du bas sont collées aux bords du rectangle jaune pastel.



Par souci d'esthétique, je voudrais avoir ceci : un espace entre les bords du rectangle jaune pastel d'une part et chacune des lignes (celle du haut et celle du bas) d'autre part. Comme ceci :



Perso, je m'en sors pour mes messages en intégrant chaque fois (en haut et en bas) la balise <br>, mais il doit bien y avoir un moyen de le rendre automatique.
Je fais donc appel à vos talents pour m'aider à résoudre mon PB.

Merci !  sunny 



Dernière édition par Chamois le Mar 5 Aoû 2014 - 15:18, édité 2 fois

Chamois
****

Féminin
Messages : 343
Inscrit(e) le : 28/02/2012

http://maroc-campingcar.com/
Chamois a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Kinotto le Lun 4 Aoû 2014 - 16:14

Bonjour,

Il suffit de rajouter des marges intérieures. Remplacez :

Code:
div.postbody{
  background-color: #FAF9CE;
}

par :

Code:
div.postbody{
  background-color: #FAF9CE;
  padding-top:10px;
  padding-bottom:10px;
}

Ici par exemple, on a un espace de 10 pixels en haut et en bas.

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Chamois le Lun 4 Aoû 2014 - 17:21

Bonjour Nightmare.

Merci beaucoup pour votre réponse très rapide !! Very Happy 
Le code est en place et me donne satisfaction.... à moitié.

Tant que le membre n'a pas mis en place de signature, c'est parfait !



Mais dès qu'il y a une signature, c'est OK pour le haut, mais pour le bas, l'espace jaune pastel se crée.... au-dessous de la signature, et non pas juste sous la dernière ligne :



Supprimer la bande sous la signature, pas de PB : il suffit, de supprimer la ligne correspondante du code.
Mais, y aurait-il une solution pour que l'espace inférieur apparaisse à l'endroit souhaité (dans l'exemple, sous "Nicole") ?

Merci !  sunny 

Chamois
****

Féminin
Messages : 343
Inscrit(e) le : 28/02/2012

http://maroc-campingcar.com/
Chamois a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Kinotto le Lun 4 Aoû 2014 - 18:23

Re,

Et ainsi ?

Code:
        div.postbody div{
          background-color: #FAF9CE;
          padding-top:10px;
          padding-bottom:10px;
        }

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Chamois le Lun 4 Aoû 2014 - 18:34

Avec ce nouveau code, c'est tout qui est sur le même fond jaune pastel : corps du message et signature....
Je suis donc revenue au précédent.

Cordialement.

Chamois
****

Féminin
Messages : 343
Inscrit(e) le : 28/02/2012

http://maroc-campingcar.com/
Chamois a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Kinotto le Lun 4 Aoû 2014 - 19:51

Ah oui, erreur de ma part. C'est parce que la signature aussi est contenue dans une balise div.

Essayez ainsi :
Code:
div.postbody div{
  background-color: #FAF9CE;
  padding-top:10px;
  padding-bottom:10px;
}

div.postody div.signature_div{
  padding:0 !important;
}

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Chamois le Lun 4 Aoû 2014 - 20:16

Ce code ne change rien : le corps du message et la zone Signature, sont entièrement jaune pastel.

J'ai remis le 1ier code proposé en supprimant la ligne correspondant à l'espace du bas.
En attendant mieux... si toutefois, c'est techniquement réalisable

En tout cas, merci de vous intéresser à mon PB ! sunny 

Chamois
****

Féminin
Messages : 343
Inscrit(e) le : 28/02/2012

http://maroc-campingcar.com/
Chamois a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Kinotto le Lun 4 Aoû 2014 - 20:21

Encore une erreur de ma part... Décidément !... Toutes mes excuses, nous allons y arriver Embarassed

Code:
        div.postbody div{
          background-color: #FAF9CE;
          padding-top:10px;
          padding-bottom:10px;
        }
       
        div.postody div.signature_div{
          padding:0 !important;
          background-color:transparent !important;
        }

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Chamois le Lun 4 Aoû 2014 - 21:13

Désolée... c'est toujours pareil.
Merci de votre ténacité et de votre patience aussi.

Cordialement.

Chamois
****

Féminin
Messages : 343
Inscrit(e) le : 28/02/2012

http://maroc-campingcar.com/
Chamois a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Kinotto le Lun 4 Aoû 2014 - 21:16

Et encore une erreur... J'ai écrit "postody" au lieu de "postbody" Mr. Green

Cette fois, c'est la bonne !

Code:
                div.postbody div{
                  background-color: #FAF9CE;
                  padding-top:10px;
                  padding-bottom:10px;
                }
             
                div.postbody div.signature_div{
                  padding:0 !important;
                  background-color:transparent !important;
                }

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Chamois le Mar 5 Aoû 2014 - 0:27

On progresse !!!!
Mais ce n'est pas encore tout à fait bon !

Voici une page accessible aux visiteurs dans laquelle on retrouve tous les cas de figure : http://maroc-camping-car.forumactif.com/t22289p90-devinettes-de-l-ete

Le PB est toujours dans certains messages avec signature.
- Pour certains tout est OK (c'est le cas du 1ier message) : La zone signature est totalement sur fond blanc, l'espace jaune pastel est présent au-dessus de la 1ière ligne et au-dessous de la dernière ligne du texte => parfait !
C'est exactement ce que je souhaiterais obtenir...
- Pour d'autres (par exemple dans le 3ième message) le fond de la zone signature est totalement jaune pastel et il en manque un morceau en bas. Il y a une bande blanche entre message et signature (EDIT : ce n'est plus le cas, voir mon message suivant)
- Pour d'autres enfin (le 2ième message), une partie de cette zone est sur fond jaune pastel avec une partie sur fond blanc (le fond blanc est apparemment celui d'une image contenant plusieurs "objets"). La bande blanche est également présente.

Pourquoi le fond de certaines signatures est-il banc et pour d'autres, jaune pastel ????? Je pense que le mystère à résoudre est probablement là.
La nuit portant conseil.... bonne nuit !!! I don't want that et, merci !


Dernière édition par Chamois le Mar 5 Aoû 2014 - 11:48, édité 1 fois

Chamois
****

Féminin
Messages : 343
Inscrit(e) le : 28/02/2012

http://maroc-campingcar.com/
Chamois a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Chamois le Mar 5 Aoû 2014 - 11:36

Je viens de comparer les signatures, et j'ai trouvé ce qui entraîne le dysfonctionnement.
C'est la présence des balises [center]qui crée le bazar !!!!!

Ainsi dans ma signature (qui était centrée), je les ai supprimées et tout est rentré dans l'ordre !
Le résultat affiché est maintenant OK.

Cependant, si une solution générale était possible, ce serait parfait, sans avoir à supprimer ces balises.

Encore, merci pour votre aide !!!  Very Happy 

Chamois
****

Féminin
Messages : 343
Inscrit(e) le : 28/02/2012

http://maroc-campingcar.com/
Chamois a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Kinotto le Mar 5 Aoû 2014 - 12:55

Bonjour,

Je ne sais pas pourquoi ces balises en sont responsables, c'est assez étrange en effet...

Je pourrais vous proposer une solution si vous voulez que tous les messages soient centrés, c'est facilement réalisable.

Je n'ai malheureusement pas d'autre solution à vous proposer. Et il faudra noter que tous les membres qui possèdent cette balise dans leur signature devraient aussi entraîner le problème. Sad

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Insérer un espace automatique en début et fin du corps d'un message

Message par Chamois le Mar 5 Aoû 2014 - 15:16

Bonjour !

Merci pour votre réponse.

Les membres qui ont mis en place une signature (centrée) qui pose problème, ne sont finalement pas très nombreux.
Vu que tous les autres cas sont parfaits (exactement comme je le voulais), on va donc s'en tenir au code actuel.
Je modifierai au besoin, au cas par cas, en supprimant ces balises, lorsqu'il y a souci...

Je vous remercie sincèrement de m'avoir consacré de votre temps à résoudre mon PB. thumright

 merci beaucoup !

Cordialement.  sunny 



Chamois
****

Féminin
Messages : 343
Inscrit(e) le : 28/02/2012

http://maroc-campingcar.com/
Chamois 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