Marge dans les messages

[Flighter-X]

Bonjour !

J'ai reçu un code sur mon forum qui m'a permis de mettre un fond avec des bords arrondis dans mes messages. Voici le résultat :

Spoiler:

Donc il y a déjà une marge pour le fond du message. Mais moi, j'aimerai une marge pour le texte, aussi. Pour que le texte ne colle pas au bord du message.

Serait-ce possible ? Merci d'avance

Amicalement, Flighter-X

[ge80]

Bonjour

Votre spoiler ne se déroule pas.
Difficile de juger.


Cordialement,
Ge

[Flighter-X]

Excusez-moi.

Je pense que maintenant ça devrait fonctionner

Amicalement.

[ge80]

OK cela fonctionne (le spoiler).

Pour mettre un espace, certains membres utilisent une solution de facilité qui est de mettre le texte codé dans une balise citation.


Comme ceci

Pour mettre un espace, certains membres utilisent une solution de facilité qui est de mettre le texte codé dans une balise citation.

[Flighter-X]

Hmmm, oui, sauf que le problème c'est que c'est un forum RP, et j'aimerai que les messages soient tous bien alignés avec une marge à partir du côté gauche du bord du fond du message.

Merci quand même de ton aide.

[ge80]

Donc il faut passer par la feuille de style.

Votre forum est-il celui de votre profil ?

[Flighter-X]

Oui, en effet, c'est celui-ci. Vous aurez aussi besoin du CSS de la partie concernée ?

Merci encore de votre aide !

[ge80]

Pour l'instant, non.

Je vais regarder la structure de votre forum.

[Flighter-X]

Bien, merci.

Je tiens aussi à préciser qu'il est en phpBB2.

[ge80]

OUi je le vois bien en phpbb2

Je regarde ce message http://lord-of-the-rings.forums-rpg.com/t32-le-contexte-du-jeu#75 et il y a déjà une marge de 50 pixels à droite et à gauche.

Pouvez-écrire un message à la suite (en réponse à http://lord-of-the-rings.forums-rpg.com/t32-le-contexte-du-jeu#75) afin que je vois le résultat ?

[Flighter-X]

Ah non, en fait, j'ai centré ce texte, et donc c'est normal que ça apparaisse comme ça. Désolé de la complication ... u_u

J'ai répondu !

[ge80]

Voici ce que je vois


Le marge de 50 pixels est dans votre feuille de style.

[Flighter-X]

Oui, oui, en effet.

Là, j'ai centré tout le message, donc à 50 et 50px de la droite et la gauche. Mais maintenant, ce que j'aimerai, c'est de faire une marge dans le texte, parce-que du coup les lettres sont collés sur le bord, et j'aime pas trop.

[ge80]

La réponse est non centrée mais mise en page par votre style. Les 50 pixels sont toujours présents.
vous dîtes Là, je n'ai pas centré, je n'ai rien fait

Essayer de mettre ce message en réponse

Code:

<div style="padding-left:20px;">Hey
 Ge80, comme j'ai centré le texte au dessus de ce message, et bien c'est
 normal qu'il apparaisse avec 50 pixels des deux côtés. [b]Là, je n'ai pas
centré, je n'ai rien fait[/b].<br><br>Donc j'aimerai que ce texte est une marge, une simple marge des deux côtés, encore. Merci de ton aide <img src="t32-le-contexte-du-jeu_fichiers/icon_wink.gif" alt="Wink" longdesc="15"></div>

[Flighter-X]

Oui, c'est exactement ça que je veux !

Maintenant, ce serait bien de le mettre fans la feuille de style CSS pour que mes membre n'aient pas à mettre toujours ce code pour leur postes

Soit dans le CSS, ou...automatiquement, et là, on passerai par les templates; non?

[ge80]

Voici après confirmation de ce que vous voulez réaliser

Dans votre feuille de STYLE vous ajoutez A LA FIN

Code:

.postbody{   padding-left:20px;}

Le 20 px représente le décalage d'un seul côté (à gauche).
C'est modifiable à votre goût


puis vous sauvegardez.

[Flighter-X]

Non, ça ne marche toujours pas...Pour la simple raison qu'il y a ce code :

Code:

.postbody {-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 19px;
padding: 1px;
background-color: #2B2B2B;
margin-left:50px;
margin-right:50px;
}

Je vais me ré expliquer. En fait, il y a déjà une marge de 50 et 50 pixels. Et il y a un fond sur le tout. Ce qui donne l'impression que le message n'a pas de marge, mais simplement un fond. Donc ce que je voudrais, c'est que le texte est une marge dans le fond. Pour préciser, je voudrais une autre marge, quoi.

Vos avez compris ?

Merci encore.

[ge80]

Je n'ai pas vu la modification proposée qui vient s'ajouter à votre code sans rien modifier.
L'avez-vous réalisée ?

Si vous remplacez votre padding: 1px; par padding-left: 20px; ou padding: 20px;
cela ne vous convient-il pas ?

Code:

.postbody {
padding-left: 20px;
}

Si la réponse est non alors il faudra mettre une div lors de l'écriture de votre message, comme je l'ai mis plus haut, ou définir une nouvelle classe pour la prise en compte automatique.

[Flighter-X]

Flighter-X ferme les yeux, et sourit...Il se lève, et hurle de joie !

Nan, je plaisante. Mais merci beaucoup, ça marche très bien, c'est parfait !

Merci encore de ton aide apportée, et je résolue le sujet.