Sujets similaires

Bonjour,

Voilà, j'ai un petit souci concernant le cadre des avatars. Lorsque l'avatar est en 200*320, tout va bien {aperçu}, mais en 100*100, ça débloque ! {aperçu}. J'aimerais remédier à cela. En fait, je voudrais que, quelque soit la taille de l'avatar, le cadre le suive parfaitement.

Voici le code qui concerne les avatars (désolée, ça s'appelle "banane") :

Code:

.banane {
text-align:center;
background-color: #14141b;
margin: auto;
display-block;
margin-bottom: -10px;
border: 10px solid #781616;
-moz-border-radius:15px;
}

Où est le souci ? Manque-t-il quelque chose, ou bien, y a-t-il quelque chose en trop ?

Déjà je ne vois pas l'intérêt de cette ligne : "margin-bottom: -10px;"
Puisque cela correspond à une marge extérieure en bas alors appliquer une valeur inférieur à 0 n'est d'aucun intérêt enfin bref; ce type de css est plus adapté pour les grands avatars tels que 200*320 pixels.
Le fait d'utiliser "margin: auto" centre obligatoirement ton "block" donc la largeur du profil étant suffisamment grande c'est la raison pour laquelle ton avatar 100*100 pixels est centré est le seul moyen d'y remédier que je vois c'est d'imposer une largeur minimum à tes membres pour leurs avatars dans ton cas 200px ! Wink

Arf, zut. Et si j'enlevais la bordure en pointillés autour, ça marcherait, j'imagine ? :/
Pour le "-10px", j'ai pas non plus trop vu l'intérêt, mais c'était sur un code que j'avais trouvé. J'ai zappé de l'enlever ^.^"

Citation :: Le fait d'utiliser "margin: auto" centre obligatoirement ton "block" donc la largeur du profil étant suffisamment grande c'est la raison pour laquelle ton avatar 100*100 pixels est centré est le seul moyen d'y remédier que je vois c'est d'imposer une largeur minimum à tes membres pour leurs avatars dans ton cas 200px !

Non je crois que tu as mal compris; la bordure en pointillés n'y est pour rien car si un membre poste avec un avatar de plus grande largeur le même phénomène se produira.
La solution que je te propose est de ne pas mélanger le CSS du texte et du contour de l'avatar ! Wink

Mettre le CSS uniquement pour avoir une bordure autour de l'avatar et un autre pour le reste du profil.
Voir ici : https://css-actif.forumactif.org/effets-de-profil-f29/mettre-un-contour-au-profil-et-ou-a-l-avatar-t3447.htm

salut, test ce code,
remplace le css banane par ceci

Code:: .banane * img{
-moz-border-radius: 15px;
background-color: #14141B;
border: 10px solid #781616;
display:block;
margin: 0 auto;
}

Merci Iowan, ça marche ! Merci beaucoup, beaucoup ! Je change l'icône du message, vous pouvez locker !

[TERMINE] Problème cadre avatars.

[TERMINE] Problème cadre avatars.

Sujets similaires

Sujets similaires

Partenaires Or