Problème avec les dimensions de l'avatar

[Invité]

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

[*Splash*]

Hi,

Tu dois avoir ce code dans ta CSS :

Code:

.avatar img {
    width: 50px;
}

Supprime le

[Invité]

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 :

[*Splash*]

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

[Invité]

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

Je t'assure

[*Splash*]

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

[Invité]

Oui

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 />

[Neptunia]

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.

[Invité]

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

[Neptunia]

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

[Invité]

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

[Neptunia]

Normalement ce css devrait convenir (non testé)

Code:

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

[Invité]

Merci, ça y est

[*Splash*]

Y'a pas photo...