Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Image tassée, non rognée

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

Résolu Image tassée, non rognée

Message par Roxana H. Montgomery le Mer 29 Mar 2017 - 20:22

Détails techniques


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

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 29/03/2017
Lien du forum : http://harrypotter1991.forumactif.org/

Description du problème

Bonjour,

Je sais que le titre de mon sujet n'est pas très éloquent, mais je n'ai rien trouvé de mieux, pardon :/

L'avatar affiché au dessus des derniers messages est tassé, et j'aimerais tout simplement qu'il soit "découpé" automatiquement (que l'image soit rognée en 50px de haut et de large, et non tassée à 50px de haut et de large.)

Voici mon CSS :
Spoiler:
.lastpost-avatar {float: none; padding: 1px;}
.lastpost-avatar img {
width: 50px;
height: 50px;
margin-left: 635px;
margin-top: 65px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
}

Merci d'avance à ceux qui m'aideront Smile
Roxana


Dernière édition par Roxana H. Montgomery le Ven 31 Mar 2017 - 0:14, édité 1 fois
avatar

Roxana H. Montgomery
*

Féminin
Messages : 33
Inscrit(e) le : 09/01/2015

http://lemondedessorciers.forumactif.com/
Roxana H. Montgomery a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image tassée, non rognée

Message par MlleAlys le Jeu 30 Mar 2017 - 0:39

Bonjour,
Nous allons supprimer le redimensionnement de l'image pour l'appliquer à l'élément le contenant, comme un masque, et faire en sorte que ce qui dépasse du masque ne soit pas affiché.
Ce qui donne le css :
Code:
.lastpost-avatar {
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  border-radius: 100%;
  float: none;
  margin-left: 635px;
  margin-top: 65px;
  margin-bottom: 1px;
}
.lastpost-avatar img {
  width: 50px;
  height: auto;
  position: relative;
  top: -10%;
}
avatar

MlleAlys
Membre actif

Messages : 4706
Inscrit(e) le : 12/09/2012

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

Résolu Re: Image tassée, non rognée

Message par Roxana H. Montgomery le Ven 31 Mar 2017 - 0:13

Merci beaucoup MlleAlys ça fonctionne très bien Smile
avatar

Roxana H. Montgomery
*

Féminin
Messages : 33
Inscrit(e) le : 09/01/2015

http://lemondedessorciers.forumactif.com/
Roxana H. Montgomery a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image tassée, non rognée

Message par MlleAlys le Ven 31 Mar 2017 - 1:27

Ah, petite correction :
Ajoutez
padding: 0;
à .lastpost-avatar pour que l'image soit bien ronde.
avatar

MlleAlys
Membre actif

Messages : 4706
Inscrit(e) le : 12/09/2012

http://mllealys2.forumactif.org/
MlleAlys 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