image du profil floutée

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

Résolu image du profil floutée

Message par MAZOHYST le Mar 31 Mai 2016 - 19:26

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début /ouverture du forum/
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour, bonsoir !

Je vais essayer d'être précise, donc si le message est un peu long, je m'excuse !
Je souhaite mettre des gifs dans le profil des membres de mon forum. Ici { http://img11.hostingpics.net/pics/7177833201.png } on voit le rang correctement, à la bonne taille, mais le gif derrière l'avatar, quand on le survole, est à sa taille normale, donc énorme !

J'utilise le code :

Code:
.postdetails.poster-profile img {
  width:200px;
  display:block;
  width: 195px;
  padding: 1px;
}

Et je me retrouve avec ça : { http://img11.hostingpics.net/pics/2708422602.png }, donc le rang a un peu rétréci, mais le gif derrière l'avatar est à la taille que je voulais.

Je ne sais pas si c'est normal que ce code redimensionne toutes les images du profil :/ Et je ne sais pas non plus quel code {template} donner pour aider à résoudre le problème :/ L'idée est de récupérer mes rangs à la bonne taille, tout en gardant les gifs derrière l'avatar à la taille voulu :/

Merci d'avance ♥♥♥


Dernière édition par MAZOHYST le Mar 31 Mai 2016 - 21:38, édité 1 fois

MAZOHYST
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/07/2013

http://adayinseoul.forumactif.org/
MAZOHYST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image du profil floutée

Message par Neptunia le Mar 31 Mai 2016 - 20:49

Bonjour ^^

@MAZOHYST a écrit:
J'utilise le code :

Code:
.postdetails.poster-profile img {
...}

Je ne sais pas si c'est normal que ce code redimensionne toutes les images du profil

Le code que vous fournissez redimensionne toutes les images incluses à l'intérieur des éléments ayant pour class postdetails et poster-profile.

Par ailleurs il comporte une aberration
.postdetails.poster-profile img {
width:200px;
display:block;
width: 195px;
padding: 1px;
}
Vous ne pouvez pas demander à un élément de faire à la fois 200 et 195 pixels de largeur. Seule la dernière déclaration sera prise en compte.

L'idée est de récupérer mes rangs à la bonne taille, tout en gardant les gifs derrière l'avatar à la taille voulue :
dans ce cas ne sertait-il pas plus logique de mettre directement les gifs à une largeur de 195 pixels.

Vu qu'il est possible de redimensionner à la source des images, pourquoi aller se faire c***r à aller les redimensionner par CSS ?

Maintenant si le code a été conçu pour éviter une déformation chez les utilisateurs ayant un avatar trop large, il serait plus pertinent de recourir à max-width en lieu et place de width. Ainsi seuls les avatars (et autres images de profil) trop larges seraient redimensionnés.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image du profil floutée

Message par MAZOHYST le Mar 31 Mai 2016 - 21:25

Par ailleurs il comporte une aberration
Vous ne pouvez pas demander à un élément de faire à la fois 200 et 195 pixels de largeur. Seule la dernière déclaration sera prise en compte.

Grave erreur de ma part Mad C'est modifier ^^
Par contre, en passant en max-width... Mon rang a encore un problème :/



Les côtés de mon rang sont nets, mais l'intérieur... Tout flou.
Quand je tente de passer en 199px, ou moins, le flou se déplace sur les côtés, et l'intérieur est net... Je ne comprends pas, étant donné qu'il s'agit d'une image, et que rien ne devrait bouger {en principe...}

MAZOHYST
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/07/2013

http://adayinseoul.forumactif.org/
MAZOHYST a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image du profil floutée

Message par Neptunia le Mar 31 Mai 2016 - 21:29

Il vous suffit de faire des rangs en dessous de la valeur de max-width, ainsi le code n'aura aucun effet sur eux.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image du profil floutée

Message par MAZOHYST le Mar 31 Mai 2016 - 21:37

Merci beaucoup !
Problème résolu !

MAZOHYST
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 05/07/2013

http://adayinseoul.forumactif.org/
MAZOHYST a été remercié(e) par l'auteur de ce sujet.

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


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