Page 1 sur 1

Bulle d'aide en CSS

Publié : 01 juin 2006, 13:02
par cluis
Bonjour,

Je souhaite réalisé des bulles d'aide qui s'affiche lorsque l'utilisateur passe sur certains mots dans un document html. Est-il possible de le faire uniquement CSS ou dois-je utiliser aussi du javascript ?

Merci pour votre aide.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Publié : 01 juin 2006, 13:39
par Flore
Et en HTML, ça ne te convient pas ?
L'attribut title est là pour ça...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1a3) Gecko/20060526 BonEcho/2.0a3

Publié : 01 juin 2006, 14:08
par Invité
En effet l'attribut title sert à cela.

Je souhaite personnaliser l'aspect de la bulle d'aide.


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Publié : 01 juin 2006, 17:13
par SB
Je pense que tu vas être obligé d'utiliser du javascript parce qu'IE ne comprend pas la pseudo-classe :hover sur autre chose que des liens.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Publié : 01 juin 2006, 17:14
par epsy
Anonymous a écrit :Je souhaite personnaliser l'aspect de la bulle d'aide.
c'est à dire?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

Publié : 01 juin 2006, 18:26
par jpbardiau
Ce genre de bulle est fait comment ?

Image

Publié : 01 juin 2006, 19:22
par Flore
Tu me déçois JPBardiau...
Tu as le code source, à toi de l'analyser :wink:

Publié : 01 juin 2006, 21:11
par jpbardiau
Flore a écrit :Tu me déçois JPBardiau...
Tu as le code source, à toi de l'analyser :wink:
Un peu compliqué mais je m'y attelle.

Publié : 02 juin 2006, 10:32
par Flore
jpbardiau a écrit :
Flore a écrit :Tu me déçois JPBardiau...
Tu as le code source, à toi de l'analyser :wink:
Un peu compliqué mais je m'y attelle.
Effectivement ce n'est pas très simple, mais qu'aurais-je pu faire à part te citer le code source que tu trouveras tout seul finalement :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1a3) Gecko/20060526 BonEcho/2.0a3