Résolu (problème) Info bulle améliorée

Coucou, j'ai fait comme le tuto "Info bulle améliorée", mais sauf que j'aimerais que le fond de la couleur du texte prenne toute la surface de l'image, mais je n'arrive pas à changer la taille >.<

Il faut que ton élément invisible soit de type bloc pour pouvoir changer sa taille. Si tu as utiliser le même code que pour l'infobulle amélioré, rajoute ceci :

div span.infoBulle{
   display: block;
   height: Xpx; /*hauteur*/
   width: Xpx; /*largeur*/
}

Ça marche, impecc, sauf que je n'arrive plus à centrer le texte au milieu ><

Pour le centrer horizontalement

text-align: center; 

Pour le center verticalement 

line-height: Xpx; /*meme X que ton height*/

C'est normal que ça soit pas centré bien au milieu de l'image ? C'est centré mais pas au milieu TT

Essaie de modifier un peu la valeur de line-height

Ça marche ! *-*

Mais j'ai encore un autre problème TT quand j'essaie de mettre une deuxième vignette à côté, elle veut pas se mettre à côté, elle se retrouve en bas de la première vignette TT

Met "inline-block;" à la place de "block"