METTRE L'AVATAR SOUS LE TITRE DU SUJET (MODERNBB)

2 participants

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

Résolu METTRE L'AVATAR SOUS LE TITRE DU SUJET (MODERNBB)

Message par Brookinette Mar 9 Nov 2021 - 21:28

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir,

Voilà que je tente de comprendre ModernBB pour essayer de me renouveler. Je suis donc confrontée à des obstacles !

Malgré mes recherches, je n'ai pas trouvé comment faire passer l'affichage de l'avatar en dessous du titre. Sur la capture, l'avatar "mord" sur la bordure et le titre du sujet. Est ce qu'il suffit d'un "br" ? Mais je n'ai pas réussi à trouver cette solution.

Merci pour votre aide.


Dernière édition par Brookinette le Mar 9 Nov 2021 - 22:29, édité 1 fois
Brookinette

Brookinette
***

Féminin
Messages : 110
Inscrit(e) le : 30/06/2008

Voir le profil de l'utilisateur http://nyuc.forumactif.com/forum.htm
Brookinette a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: METTRE L'AVATAR SOUS LE TITRE DU SUJET (MODERNBB)

Message par Oka.mi Mar 9 Nov 2021 - 21:56

Bonjour,

Ajoutez ceci à votre feuille de style css :
Code:
.postprofile {
  width: 236px;
  margin-top: 65px;
}

Pour l'explication, votre postprofile, qui contient l'avatar, a une largeur de 211px, avec un padding (espace supplémentaire à l'intérieur de l'élément) de 18px.
L'avatar, qui fait 200px de largeur, est donc décalé à droite de 18px, ce qui fait qu'il occupe 218px de largeur. Il dépasse ainsi sur le post-head et le postbody.
Pour remédier à ça, il faut établir le width du contenant (postprofile) sur base de la largeur du contenu (avatar) + padding gauche + padding droite, ce qui fait 200+18+18=236px ainsi l'avatar apparaîtra bien centré. Après ça, il reste à déplacer le postprofile avec un margin-top pour qu'il s'aligne avec le bas du post-head.
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2776
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: METTRE L'AVATAR SOUS LE TITRE DU SUJET (MODERNBB)

Message par Brookinette Mar 9 Nov 2021 - 22:29

Ah et bien c'était plus facile que je pensais ! Merci beaucoup I love you
Brookinette

Brookinette
***

Féminin
Messages : 110
Inscrit(e) le : 30/06/2008

Voir le profil de l'utilisateur http://nyuc.forumactif.com/forum.htm
Brookinette a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum