Insérer un espace sous le pseudo et centrer

[Matthieu A.]

Bonjour à tous:

j'aimerais insérer un espace entre le pseudo et le rang et centrer le tout, sur le profil qui apparaît sur les messages car (pour mon forum) les 2 sont très serrés...

Existe il un moyen de le faire ? :)avec un un code peut etre ? j'ai aucune idée

merci d'avance , je suis sur phpbb3

voici une page test de mon forum http://medecine.forum-pro.fr/t80-boite-a-idees

cc

[Matthieu A.]

PS: je ne veux pas centrer l'avatar, juste le pseudo et le rang

merci

[Matthieu A.]

bonsoir

petit up

cc

[Invité]

Bonsoir,

Vous avez désactivé le clic droit donc c'est assez génant pour quitter votre page sur IE 10 ou IE 11 sur Windows 8 (ou 8.1).

Pouvez-vous le désactivé le temps que je regarde s'il vous plait ?

Merci

[Matthieu A.]

bonsoir,

voilà, c'est désactivé merci de votre aide

[Invité]

Bonsoir,

Merci, rajoutez ceci dans votre CSS :

Code:

.postprofile {
text-align: center;
}

[Matthieu A.]

il y a t'il un moyen pour que ce soit juste le pseudo qui soit centré avec un code css particulier ?

et que ce code permette d'insérer un espace entre le pseudo et le rang ,

merci

[Matthieu A.]

bon réveillon à tous

petit up

cc

[Matthieu A.]

bonsoir

up

cc

[Invité]

Salut Matthieu A. ,
tu veux dire un saut de ligne et non un espace ?

Dans ce cas dans ta feuille de style:
ajoute un margin-top:5px; à cette class:

Code:


div.postprofile dl dd
{
display: none;
}


Comme ceci:

Code:


div.postprofile dl dd
{
 display: none;
margin-top:5px;
}


Tu auras un décalage sur toutes les cellules.
on peut peut être jouer avec un attribut pour ne concerner que la
partie concernée :

Dans ce cas, il faudra simplement ajouter ceci dans ta C.S.S.

Code:


div.postprofile dl dd:nth-child(2)
{
margin-top:5px;
}


a++

[Matthieu A.]

Merci de ton aide !!

Ces codes apportent un plus mais ne donnent pas exactement l'effet que j'aimerais

Si tu regardes, j'ai mis un effet sur le profil des messages: http://medecine.forum-pro.fr/t80-boite-a-idees
qui se modifie lorsque le curseur de la souris passe dessus.

Moi j'aimerais modifier à l'état ou la souris n'est pas dessus: je trouve que le pseudo est trop bas par rapport au cadre, donc serait il possible d'insérer un saut de ligne juste sous le pseudo de manière à agrandir le bas du cadre ?

merci beaucoup

[Invité]

Salut Matthieu A. ,

il faut ajouter ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


.postprofile dt
{
padding: 0 0 10px 0;
}


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Augmentes si besoin la valeur 10px    .

a++

[Matthieu A.]

C'est exactement ce que je recherchais !!

le code fonctionne, MERCI à toi  :thanks: 

cc bonne journée