Dieunel

03 Octobre 2020 à 18:15 (Édité)

122

Résolu

CSS : image ronde

Bonjour a tous !


Je viens de découvrir les overflow:hidden; en CSS, et du coup je me suis demandé si c'etait mieux de faire :


.images_rondes{
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	
}
.images_rondes img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}


Ou alors faire :


.images_rondes{
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
    overflow : hidden;
}

.images_rondes img{
  	width: 100%;
  	height: 100%;
  	
}


Merci pour vos avis 😀

Cette pub permet au site de vivre ...

2 commentaires

salut @florent72!


aaah chouette ça ! Merci ! Bon faut que je me retape tout les codes ou il y a des images , mais au moins si je fais ça , tout les navigateurs vont le prendre en compte trop coool!


Merciiiiii


sujet résolue :)



Salut @Dieunel 😀,


J'ai trouvé un petit tutoriel assez sympa, pour les images rondes, je pense que cela pourra t'aider !

Regarde ici : http://www.debray-jerome.fr/articles/Images-rondes-en-css3.html


Redis-nous si tu as des soucis 😆,


Florent 😉

Cette pub permet au site de vivre ...