Problème avec les dimensions de l'avatar

2 participants

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

Résolu Problème avec les dimensions de l'avatar

Message par Invité Ven 28 Déc 2018 - 20:30

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 28/12/2018
Lien du forum : http://zerodechet.forumactif.com/

Description du problème

Bonjour,

J'ai voulu ajouter une bordure aux avatars, j'ai donc intégré une div autour de la balise de l'avatar dans le template, puis j'ai ajouté ce code au CSS :
Code:
.avatar {
  border: 2px solid #757572;
}

Sauf que depuis, la taille de l'avatar dans les messages s'est automatiquement redimensionnée en plus petit, normalement, mon avatar est en 100*100. La, on dirait plutôt du 50*50.

Comment corriger ça svp ?

Merci


Dernière édition par BioNaturelle le Ven 28 Déc 2018 - 23:16, édité 1 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par *Splash* Ven 28 Déc 2018 - 20:41

Hi,

Tu dois avoir ce code dans ta CSS :
Code:
.avatar img {
    width: 50px;
}

Supprime le
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par Invité Ven 28 Déc 2018 - 20:43

Bonjour,

Merci pour ta réponse, mais non, ce code n'y est pas, j'ai moi même crée tout le code et ne l'ai pas inséré.
La modification s'est faite quand j'ai ajouté le morceau de code que j'ai cité plus haut. Et uniquement ce petit morceau là.

Et si j'ajoute ton code, en modifiant la dimension pour mettre celle que je souhaite, ça donne ça :
Problème avec les dimensions de l'avatar 7vyd4O
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par *Splash* Ven 28 Déc 2018 - 20:46

Pourtant... ce code n'est pas de mon invention !

Problème avec les dimensions de l'avatar Sans_t46
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par Invité Ven 28 Déc 2018 - 20:47

*Splash* a écrit:Pourtant... ce code n'est pas de mon invention !
Je t'assure Wink Assomé

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par *Splash* Ven 28 Déc 2018 - 20:52

Tu peux mettre ici ce que tu as modifié dans ton template pour l'avatar ?
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par Invité Ven 28 Déc 2018 - 20:58

Oui Wink
Code:
                  <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><center><div class="avatar">{postrow.displayed.POSTER_AVATAR}</div><br /><strong><span class="pseudomessages">{postrow.displayed.POSTER_NAME}</span></strong><br />{postrow.displayed.POSTER_RANK}</center></span><br />
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par Neptunia Ven 28 Déc 2018 - 21:15

Bonjour ^^


La class avatar est déjà utilisée nativement sur le profil avancé (la page amis). Du coup le css associé à cette class entre en conflit avec celui défini sur l'affichage des sujets.

Solution : renommer la class avatar du viewtopic_body, et modifier le CSS en conséquence.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par Invité Ven 28 Déc 2018 - 21:39

Alors, je viens de renommer la class.
Mais j'ai toujours un probleme Shocked
La bordure n'est plus vraiment une bordure. reflexion
http://zerodechet.forumactif.com/t1-reglement-de-zero-dechet
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par Neptunia Ven 28 Déc 2018 - 21:45

Normal, vous avez appliqué la bordure au contenant (la div) au lieu de l'appliquer au contenu (l'image)
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par Invité Ven 28 Déc 2018 - 21:50

Ah d'accord donc je devrais mettre border-image ? Pour que ca fonctionne ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec les dimensions de l'avatar

Message par Neptunia Ven 28 Déc 2018 - 21:53

Normalement ce css devrait convenir (non testé)

Code:
.postavatar img {
  border: 2px solid #757572;
}
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17832
Inscrit(e) le : 08/08/2010

Voir le profil de l'utilisateur https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par Invité Ven 28 Déc 2018 - 23:15

Merci, ça y est Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les dimensions de l'avatar

Message par *Splash* Ven 28 Déc 2018 - 23:20

Y'a pas photo...

Problème avec les dimensions de l'avatar Sans_t47
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* 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