Probleme avec les images de catégorie.

[Leita]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Tout le temps
Lien du forum : http://forumdetestpsw.totalsujet.com/

Description du problème

Bonjour,

J'avais posté une demande similaire pour les images de catégories de mon forum, mais je n'arrive pas a faire les images de catégorie comme je le voudrais. Cette après-midi. En faisant le design sur mon forum d'essai. J'ai remarqué un kuak. Les oranges sont mal placées dans la page d'accueil. Elle apparaissent correctement en bas, mais en haut elles dépassent et sont coupées. De plus je ne veux pas que le texte en bleu la chevauche. Comment palier a ce probleme visuel ? Je vous remercie pour votre aide. Cette fois, je suis le fondateur du forum, donc je pourrais effectuer toutes les modifications rapidement. Je sais pas si la taille de la largeur du forum y est pour quelque chose, mais je l'ai réglée sur 80%. Merci pour votre aide ! Toute solution est bonne a prendre.

[MlleAlys]

Bonjour,
Votre image est plus grande que la ligne, et elle a de larges bords transparents. Or elle est placée en image de fond de la ligne, d'où le fait qu'elle passe en dessous et "déborde".

- Pour y remédier, vous pouvez modifier votre image pour une plus petite, ou bien dans affichage > couleurs > onglet "feuille de style css", copier coller le code css suivant :

Code:

/*réglages des icones forums*/
ul.forums dl.icon {
  background-size: contain !important;  /*taille icone*/
  background-position: 0px 0px !important;  /*position icone*/
}

- Enregistrez.
- Vérifiez juste en dessous que l'option "forcer le css de base du forum" est cochée sur NON.

Vous pouvez modifier les valeurs du code à votre convenance :
- background-size contrôle la taille de l'image. Ici, j'ai choisi "contain", qui signifie que l'image aura la taille maximale pour passer tout pile dans la ligne. Vous pouvez également mettre la largeur et la hauteur en pixels.
- background-position contrôle la position de l'image : la première valeur correspond au décalage horizontal, et la deuxième au décalage vertical.

[Leita]

Bonjour, votre css règle définitivement le problème. Je vous remercie beaucoup pour votre aide rapide et efficace =)

Je passe le sujet en résolu. Merci beaucoup !

[MlleAlys]

de rien ^^
(pensez à modifier votre profil sur ce forum : CSS personnalisé : OUI )

[Leita]

Pas de problème, j'y penserais a l'avenir.

Merci encore pour votre aide.