Image tassée, non rognée
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Image tassée, non rognée
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
Roxana
Dernière édition par Roxana H. Montgomery le Ven 31 Mar 2017 - 0:14, édité 1 fois
Re: Image tassée, non rognée
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 :
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%;
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Image tassée, non rognée
Merci beaucoup MlleAlys ça fonctionne très bien
Re: Image tassée, non rognée
Ah, petite correction :
Ajoutez
padding: 0;
à .lastpost-avatar pour que l'image soit bien ronde.
Ajoutez
padding: 0;
à .lastpost-avatar pour que l'image soit bien ronde.
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Sujets similaires
» Comment mettre une image de fond à la chatbox?(Image que l'on voit lorque l'on est pas connecté).
» [résolu] image "messages privés" remplacée par l'image "nouveau message privé"
» Afficher l'alt d'une image utilisée en catégorie au lieu de l'image en question
» Mettre une image à gauche d'un texte centré et une image à droite
» taille d'une image affichée sur le forum ne correspondant pas avec l'image originale
» [résolu] image "messages privés" remplacée par l'image "nouveau message privé"
» Afficher l'alt d'une image utilisée en catégorie au lieu de l'image en question
» Mettre une image à gauche d'un texte centré et une image à droite
» taille d'une image affichée sur le forum ne correspondant pas avec l'image originale
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum