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

[Brookinette]

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.

[Oka.mi]

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.

[Brookinette]

Ah et bien c'était plus facile que je pensais ! Merci beaucoup