Souci d'affichage des messages

[Argimpasa]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 13/01/2024
Lien du forum : https://mydearjane.forumactif.com/t64-the-world-used-to-be-a-bigger-place-cevdet-jade

Description du problème

Bonjour,

J'ai un souci auquel je n'arrive pas à remédier. Depuis l'ouverture de mon forum, j'ai un souci d'affichage des messages quand on utilise certains codages de réponses. L'avatar empiète sur le message ou se retrouve parfois en dessous.
Je vous remercie d'avance.

[MlleAlys]

Bonjour,
C'est le code utilisé dans votre réponse qui est trop large, et déborde sous l'avatar.
Dans votre css, localisez le code :

Code:

.cadrerp1 {
  background-color: #fafafa;
  width: 600px;
  margin: auto;
  displey: flex;
  flex-wrap: wrap;
  justify-content: center;
}

Vous pouvez supprimer la ligne width:600px; pour que la largeur redevienne automatique et que ça ne déborde plus, le margin devient de ce fait inutile.
Au passage, vous pouvez supprimer également displey:flex; qui est erroné donc ne fonctionne pas (display et non displey), et donc également flex-wrap et justify-content qui ne servent de ce fait plus à rien non plus.
Ce qui donne :

Code:

.cadrerp1 {
  background-color: #fafafa;
}

Pour info, la largeur maximale de vos codes et messages pour ne pas déborder ou déformer votre forum est de 538px.

[Argimpasa]

Bonjour,

Merci de votre aide. Toutefois je ne trouve cette ligne nul part dans mon CSS. Vers quelle ligne l'avez vous localisé ? Désolée du dérangement...

[MlleAlys]

Ah, j'ai peut être été trop vite, peut être le css associé au code est-il directement dans votre message ?

[Argimpasa]

Je n'ai pas de message type, par là j'entend de codage pour répondre. Les membres sont libres d'utiliser ceux qu'ils désirent et si certains fonctionnent, d'autres me décalent l'avatar...

[MlleAlys]

C'est bien du codage pour répondre qu'ont choisi ces membres dont je parle.
Comme je disais, a priori ce n'est pas l'avatar qui est décalé, il est bien à sa place, mais c'est le codage pour répondre qui est trop large, et donc déborde de sa place dédiée au message jusqu'à celle de l'avatar (qui n'a pas bougé).
Vue la taille de votre forum, les messages doivent faire maximum 538px de large.
Or dans le lien que vous avez fourni avec le problème, le codage pour répondre est codé à 600px de large. Donc ça déborde et ça va se superposer avec l'avatar.
Vous (ou les membres concernés) devez supprimer la largeur de 600px du codage.
Ou élargir votre forum.

[Argimpasa]

D'accord, je n'avais pas compris.
Je vais du coup leur donner des modèles qui s'adapteront à la taille du forum. Je vous remercie énormément

[MlleAlys]

Pas de souci, peut être serait-ce plus clair avec une image ?
Le cadre bleu correspond à l'espace dédié au message sur votre forum en général (538px de large).
Le cadre rouge correspond au code utilisé par l'autre du message dans sa réponse (600px de large). C'est bien ce code là qui pose problème en débordant et en allant se superposer à l'avatar, qui lui n'a pas bougé par rapport à la place prévue.


(Pensez à passer votre sujet en résolu lorsque celui-ci le sera pour le faire archiver)

[Argimpasa]

Je me suis mal expliquée -_- J'avais bien compris d'où venait le souci suite à votre avant dernière explication. Si cela ne gêne pas, je prend quand même votre capture d'écran pour une éventuelle explication à mes membres.
Encore merci ^^

[MlleAlys]

Pas de souci, vous pouvez l'utiliser ^^