Incapable d’ajuster mon logo correctement

[Invité]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://plantesindigenes.forumactif.com/

Description du problème

J’ai une photo que j’ai découpée afin qu’elle puisse être utilisée comme logo de mon forum. Quand je la télécharge, elle apparait difforme, trop longue ou trop grosse. J’ai probablement mis des dimensions inappropriées mais je ne sais pas quoi faire pour régler le problème.

Et en plus, on voit la description de mon forum derrière l’image.

Merci!

[Invité]

Ma photo apparait floue à présent. Pourtant, elle est de très bonne qualité. Et en plus elle est décentrée par-rapport au forum.

[MlleAlys]

Bonjour,
Votre bannière ne me parait ni déformée ni floue ni décentrée :


De façon générale :
- vérifiez que l'option de redimensionnement n'est pas active lorsque vous uploadez votre image.
- évitez les images trop lourdes.

En cas de souci persistant, vous pouvez également tenter d'uploader avec un autre hébergeur d'image.



EDIT : le décentrage peut venir d'un problème de dimensions, l'image est possiblement plus grande que l'espace qui lui est dédié et donc elle déborde à droite, et de ce fait parait décalée.
Si vous souhaitez que la taille de votre bannière prenne automatiquement toute la largeur de l'écran de l'utilisateur (dans ce cas, il faudra la ré-uploader plus grande ou sans redimensionnement pour qu'elle reste de bonne qualité), vous pouvez ajouter les codes suivants dans le css de votre forum :

Code:




/*début positionnement bannière*/

#logo img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
#logo {
  margin: 0;
  width: 100%;
  height: 100%;
}
#page-header .wrap {
  padding: 0;
  margin: 0;
  width: auto;
  max-width: unset;
}
#modernbb-nav-menu {
  width: 90%;
  margin: 0 auto;
}
.navbar li {
  margin-top: 12px;
}

/*fin positionnement bannière*/



Ce qui doit donner :

[Invité]

Merci