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

[Chamois]

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 !   

[Invité]

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.

[Chamois]

Bonjour Nightmare.

Merci beaucoup pour votre réponse très rapide !!  
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 !   

[Invité]

Re,

Et ainsi ?

Code:

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

Cordialement.

[Chamois]

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.

[Invité]

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.

[Chamois]

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 !  

[Invité]

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

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.

[Chamois]

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

Cordialement.

[Invité]

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

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.

[Chamois]

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 3^iè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 2^iè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 !!!  et, merci !

[Chamois]

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

[Invité]

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.

Cordialement.

[Chamois]

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.

  beaucoup !

Cordialement.