Avatar du dernier posteur arrondi

[Mandrell]

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 : Aujourd'hui
Lien du forum : http://www.good-morning-america.org/

Description du problème

Bonjour !

En réalité, il s'agit d'une question ^^ Je voudrais arrondir l'avatar du dernier posteur dans les catégories cependant, comme vous pouvez le voir dans le screen il est déformé >< est-ce qu'il y a une possibilité de l'arrondir sans qu'il ne soit déformé ?

Voici le petit code CSS qui lui est attribué ;

Code:

.lastpost-avatar{
      width: 60px !important;
      height: 60px !important;
      margin-right:3px;
   }
   
   .lastpost-avatar img{
      width: 60px !important;
      height: 60px !important;
      padding: 0px;
      opacity: 0.9; /* opacite au survol */
      filter: grayscale(0);
      -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -o-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
      -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
      -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
      transition: opacity 0.5s ease-in-out;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
   }
   
   .lastpost-avatar img:hover {
      padding: 0px;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      opacity: 0.5;/* l'opacite que vous voulez au depart */
      -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
      filter: alpha(opacity = 10); /* Hack IE 5-7 */
      -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
      -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
      -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
      transition: opacity 0.5s ease-in-out;
      /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut
      transition sera pris en compte par tous les navigateurs */  }

Je vous remercie par avance ^^

[Mandrell]

J'ai trouvé, merci !