Personnaliser cadre "description du message"

[Matthieu A.]

bonjour,

j'ai créé sur mon forum un cadre autour de la "description du message", comme ce forum.

J'ai fabriqué ce code CSS:

Code:


.author {
background-color:#FFFFFF;
  margin: 8px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
  khtml-border-radius: 20px;
border-radius:15px;}

mais j'ai quelques problèmes à le personnaliser:

- j'aimerais que la longueur du cadre s'adapte à la longueur de ce qui est écrit
- j'aimerais créer un espace en titre ce cadre et le titre du message

voici la représentation:


version phpbb3

cc

[Matriochka]

Bonjour,

Tu peux ajouter ceci à l’élément author : width:300px (par exemple, mais tu peux modifier la valeur au besoin)

Et pour ajouter une marge entre le titre et le nom de l’auteur, utilise margin-top:20px; (par exemple), toujours sur l’élément author.

Ce qui, au final, nous donnerait quelque chose comme ceci :

Code:

.author {
background-color:#FFFFFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
khtml-border-radius: 20px;
border-radius:15px;
width:300px;
margin-top:20px;}

[Matthieu A.]

bonjour et merci à toi pour ta réponse
- le code pour la longueur fonctionne parfaitement
- le code margin-top:20px n'a aucune influence sur l'espace entre le titre et l'auteur

comment faire ?

cc

[Matriochka]

Et en remplaçant margin-top:20px; par margin-top:20px:important; ?

[Matthieu A.]

ce code aussi (margin-top:20px:important;), n'a aucun effet

cc

[Matthieu A.]

up

[Matthieu A.]

up

[Matriochka]

Navrée pour le temps de réponse.

Remplace le code donné plus haut par :

Code:

p.author {
background-color:#FFFFFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
khtml-border-radius: 20px;
border-radius:15px;
width:300px;
margin-top:20px;}

[Matthieu A.]

merci à toi, c'est parfait sujet résolu

comme tu es très compétente en CSS , tu pourrais peut êre m'aider sur ce sujet: https://forum.forumactif.com/t347952-mettre-en-ligne-dans-le-cadre-du-mini-profil-du-message

merci encore