Problème dans l'apparence des posts

[whateverittakes]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Après la modification de l'intérieur du post pour bien séparer le profil, le post et la bannière en haut
Lien du forum : https://whateverittakes.forumactif.com/

Description du problème

N'ayant pas de code préfait pour l'apparence des posts, j'ai essayé de faire mon propre codes en cherchant par ci et par là les moyens de rendre comme je veux. J'étais satisfaite du rendue mais je me suis rendue compte que du coup, l'intérieur du profil et du message est complètement sorti des box. J'ai plus la foi de chercher comment régler le problème, ça fait deux jours que je suis dessus et rien ne marche

C'est la première fois que je code un forum, aled
(ps : j'utilise le blank theme de GeniusPanda si ça peut aider ?)

[MlleAlys]

Bonjour,
Pourriez vous partager le template associé ? ^^

Edit : En fait, à moins que vous ne souhaitiez optimiser votre code, on peut passer seulement par deux codes css :

Ce code permettra à l'avatar de ne pas déborder de sa place :

Code:

.post_avatar img {
  max-width: 100% !important;
}

Puis localisez ce code :

Code:

.post_userinfo {
  overflow: auto;
  height: 300px;
  width: 200px;
  padding: 10px;
  text-align: justify;
  background: var(--light);
  outline: 1px solid var(--fake-transparent);
  outline-offset: 5px;
  border-radius: 12px;
}

Et supprimez la ligne "width: 200px;" afin que la largeur des infos du profil s'adapte également automatiquement à son contenant.

De façon générale, les div prennent automatiquement la largeur disponible, vous n'avez donc pas besoin de la préciser.

[whateverittakes]

Merci beaucoup pour votre réponse, ça a bien marché pour le profil, il me restera juste à gérer l'affichage des champs de profils parce qu'avec l'overflow ça fait chargé et mes icones sont démesurées

Auriez-vous une solution pour la partie des messages ?

Merci d'avance !

[MlleAlys]

Pour la partie messages, il semble que ça vienne du code utilisé dans le message : Vous avez une largeur fixe width: 550px; qui est plus grande que le contenant, et que vous pouvez supprimer. La largeur reviendra alors automatiquement à 100% de l'espace disponible, sans débordement.

Si vous parlez des icones de contact, vous pouvez utiliser un code de ce style :

Code:

.profil_contact img {
  max-width: 20px;
}

[whateverittakes]

Merci beaucoup pour votre aide, vous m'avez sauvé la mise ! Je marque mon sujet résolu, merci mille fois !

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.