[Résolu] Avatar dans la toolbar

[FANCH 56]

Bonsoir

L'avatar dans la toolbar, fonctionne parfaitement. Par contre il y a un problème de dimensions. Le CSS indique des dimensions 25px pour les deux valeurs (valeurs que nous pouvons changer).

Ne pourrait-on mettre dans le CSS, un code qui garderait les proportions des avatars avec une limite pour la hauteur.

Ainsi ceux-ci ne seraient pas déformés à l'affichage sur la toolbar.

Merci

[Neptunia]

Bonjour ^^

Le code qui fournit des icônes carrées

Code:

/* Afficher avatar du membre dans la toolbar DEBUT */
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
/* Afficher avatar du membre dans la toolbar FIN */

Le même code qui respecte le format des images sans excéder 25 pixels de hauteur

Code:

/* Afficher avatar du membre dans la toolbar DEBUT */
.fa_avatar {
  max-height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
/* Afficher avatar du membre dans la toolbar FIN */

On supprime l'attribut width, et on remplace height par max-height.
Je n'ai pas testé sous Invision mais ça devrait passer sans souci.

[FANCH 56]

Merci AoF

Par contre j'ai mis (compte tenu de la hauteur de la barre) le top à

Code:

top: -8px;

Ce qui centre la photo verticalement

Résolu