[Résolu] Infobulles totalement en CSS, sans ajout de balise

Bonjour à vous !

Voilà, j'aimerai générer des infobulles en CSS.

En faisant par exemple un lien:

<a href="#" title="Infobulle">Coucou</a>

J'aimerai pouvoir faire une infobulle personnalisée, par exemple en choisissant le contour, etc.

Petite précision:

-je ne souhaite pas utiliser javascript
-je ne souhaite pas que ce soit compatible avec Internet Explorer

Je crois qu'il y a une solution avec des :after, des content, quelque chose de ce genre. J'aimerai faire cela sans rajouter de balises span ou autre si possible

Merci d'avance.
Modifié par Sylvain (21 May 2006 - 19:05)

Sylvain a écrit :

-je ne souhaite pas que ce soit compatible avec Internet Explorer

Dans ce cas, c'est effectivement très simple avec :after qui n'est pas pris en compte par IE6 (à confirmer pour IE7).

Tu peux facilement t'inspirer de ce tutoriel (méthode 2) qui utilise le contenu du title et l'affiche avec :after et content.
Modifié par Raphael (21 May 2006 - 19:03)

Ah, je savais qu'il existait ce tutoriel, mais je ne me souvenais plus que c'était celui avec les ombres.

Je te remercie beaucoup, c'est vraisemblablement résolu (ou alors je reviendrais en cas de soucis).

Depuis quelque jour, je programme sans tenir compte d'internet explorer pour mon expérience personnelle... et je redécouvre CSS

Sylvain a écrit :
je programme sans tenir compte d'internet explorer pour mon expérience personnelle... et je redécouvre CSS

Et zut pour le troll ...

...

... +1

Salut,

@clb56, c'est normal, c'est dimanche, l'inactivité, rien à la télé...

Hé, je suis lycéen moi... l'inactivité, c'est toute la semaine

Sylvain a écrit :
Hé, je suis lycéen moi... l'inactivité, c'est toute la semaine

Shocking !!!!!!

Et l'exaltation intellectuelle t'en fais quoi ????