Infobulle en CSS

Bonjour,

Dans l’idéal il faudrait que tu nous montres ce que tu as tenté.

D’après ce que j’en saisis, tu dois rencontrer un problème dans le cas ou ton lien ne contient qu’une image : tu tentes d’afficher l’alternative de l’image dans une infobulle CSS au survol du lien ?

Le problème que tu risques rencontrer est que <img /> (entre autres éléments) ne supporte pas les pseudo-éléments. C’est un point que j’ai documenté sur un de mes projets, si tu veux creuser.

Si c’est bien le problème que tu rencontres, tu ne pourras malheureusement rien faire de plus en CSS. L’idéal serait, si tu le peux, de dupliquer le contenu de l’alternative dans un attribut perso sur le <a> :

<a href="" data-alt="L’alternative">
  <img src="" alt="L’alternative" />
</a>

Est-ce que ça t’aide ou suis-je à côté de la plaque ?

Bonjour,

Merci de té réponse.

Ten a écrit :

Le problème que tu risques rencontrer est que &lt;img /&gt; (entre autres éléments) ne supporte pas les pseudo-éléments. C’est un point que j’ai documenté sur un de mes projets, si tu veux creuser.

Oui, c'est ça, tu as bien compris le problème.

Ajouter bêtement un span dans le lien, cela fonctionne mais ce n'est pas très joli sur un plan sémantique.

Créer un atticbut perso cela suppose d'être en HTML 5 alors que je suis en XHTML strict.

D'où mon idée de passer par alt mais j'ai peur que ce soitr impossible en CSS pour la raison que tu indiques.