Taille de l'avatar

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Taille de l'avatar

Message par crocnana Dim 22 Mai 2022 - 19:07

Bonsoir. En cherchant sur Forumactif, j'ai trouvé ce code pour modifier la forme de l'avatar dans les sujets. Je les voudrai rectangulaires et ils restent désespérément carrés. Pouvez-me dire ce que je dois modifier ? Merci.

Voici le code :


Code:
.avatar-big img {
  border-radius: 0px!important;
  height:auto;
  width:auto;
  max-width:320px;
  max-height:400px;
}

En image :

Taille de l'avatar O58o

J 'ai testé avec différentes images comprenant la taille indiquée dans le code, sans succès.
crocnana

crocnana
Nouveau membre

Messages : 27
Inscrit(e) le : 10/04/2022

Voir le profil de l'utilisateur https://myspace.forumactif.com
crocnana a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Taille de l'avatar

Message par Oka.mi Dim 22 Mai 2022 - 19:31

Re,

C'est parce que vous définissez les propriétés height et width sur "auto" donc elles font un peu ce qu'elles veulent. https://developer.mozilla.org/fr/docs/Web/CSS/width
Essayez plutôt comme ça :
Code:
.avatar-big img {
  border-radius: 0px!important;
  height:400px;
  width:320px;
}


Taille de l'avatar 1213Donnez un titre explicite Taille de l'avatar VTzsyWB à votre sujet pour améliorer son référencement

Remerciez Taille de l'avatar 976083691 le message qui vous a aidé pour le mettre en évidence

Cochez résolu lorsque votre problème est résolu pour faciliter le travail des modérateurs

L'aide par MP Taille de l'avatar FsAeGeb n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2579
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de l'avatar

Message par crocnana Dim 22 Mai 2022 - 20:30

Merci Okami, j'avais bien testé sans le auto aussi et je viens de réessayer au cas où. L'avatar reste carré. reflexion
Le auto, si j'ai bien compris sur le sujet que j'avais trouvé, avait son utilité pour les membres qui mettraient des images trop ou plus petites.

Est- ce que par hasard, si cela ne fonctionne pas chez moi, cela pourrait provenir d'un autre code dans la css ?  J'ai utilisé un sujet pour mettre l'avatar en cercle vert (connecté) ou rouge pour déconnecté.  Un conflit de codes ? J'essaye de trouver une piste.
crocnana

crocnana
Nouveau membre

Messages : 27
Inscrit(e) le : 10/04/2022

Voir le profil de l'utilisateur https://myspace.forumactif.com
crocnana a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Taille de l'avatar

Message par Oka.mi Dim 22 Mai 2022 - 20:41

En fait si ça ne marche pas c'est parce que le css de base fixe le height et le width à 128px.
Il faut forcer la chose avec
Code:
.avatar-big img {
   border-radius: 0 !important;
   width: 320px !important;
   height: 400px !important;
}
Au besoin, ajoutez une ligne object-fit: none; car actuellement la propriété est réglée sur "cover".
https://developer.mozilla.org/fr/docs/Web/CSS/object-fit


Taille de l'avatar 1213Donnez un titre explicite Taille de l'avatar VTzsyWB à votre sujet pour améliorer son référencement

Remerciez Taille de l'avatar 976083691 le message qui vous a aidé pour le mettre en évidence

Cochez résolu lorsque votre problème est résolu pour faciliter le travail des modérateurs

L'aide par MP Taille de l'avatar FsAeGeb n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2579
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Taille de l'avatar

Message par crocnana Dim 22 Mai 2022 - 21:31

C'est parfait. Merci beaucoup.
crocnana

crocnana
Nouveau membre

Messages : 27
Inscrit(e) le : 10/04/2022

Voir le profil de l'utilisateur https://myspace.forumactif.com
crocnana a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum