Les infobulles n'apparaissent pas sous Chrome

[alv]

Bonjour,
J'ai un soucis avec Chrome au niveau des infobulles. J'utilise ce code :

Code:

<span title="Infobulle">Texte</span>

Avec Firefox et IE les infobulles apparaissent sous le curseur, mais avec Chrome ils n'apparaissent jamais, que ce soit sur mon forum ou tous les autres sites.

Merci d'avance.

[Sylvain Bassotto]

Voici la ligne qui pourras t'aidez pour chrome, et il marche aussi pour Firefox et IE:

Code:

<a href="Ton Lien" title="Ton mots/phrase">ton mots, phrase ou image</a>

[alv]

Bonjour,
Merci pour ton aide, mais ça ne marche pas mieux. Je cherche à mettre une infobulle sur un lien, mais aussi sur une image et sur du texte.

[MlleAlys]

Bonjour,

Le code d'"infobulle" que vous avez fourni dans votre premier message n'est pas suffisant tel quel, il faut l'élément sur lequel doit apparaitre l'infobulle, le code pour infobulle que vous avez proposée doit en faire partie, et également le code css qui permet à l'infobulle d'apparaitre et disparaitre.

Exemple :
code html d'un élément avec une infobulle :

Code:

<div class="info">
    Au passage de la souris sur cette div, l'infobulle apparaitra
    <infobulle> Contenu de l'infobulle </infobulle>
</div>

Le contenu de la div peut être un texte comme ici, ou bien une image, ou un lien, etc.

Code css associé :

Code:

.info {
  position: relative;  /*pour pouvoir positionner l'infobulle*/
}

infobulle {
  display: none;  /*en temps normal, l infobulle n est pas affichée*/
  position: absolute;  /*pour pouvoir positionner l'infobulle*/
  top: 50px;  /*positionnement vertical de l infobulle*/
  left: 50px;  /*positionnement horizontal de l infobulle*/
}

.info:hover infobulle {
  display: block;  /*au passage de la souris sur info, l infobulle est affichée*/
}

Le code css peut être complété pour modifier l'apparence des éléments et de la bulle.

[alv]

Bonjour MlleAlys,
Merci pour les codes.

Je dois remplacer toutes les infobulles en title par ces codes ?
Donc le problème ne vient pas de mon navigateur, mais de Chrome qui ne lit pas les title ?

[MlleAlys]

Google chrome lit bien les attributs title, il faut rester une ou deux seconde immobile sur l'élément pour que la bulle s'affiche. Cependant, l'attribut "title" est au départ sensé être utilisé pour des liens ou des abréviations, donc le rendu peut être faussé sur d'autres éléments.

[alv]

Chez moi, Chrome n'affiche aucune infobulle de mon forum ou de d'autres sites que je sais qu'ils ont des infobulles par Firefox. Même en restant immobile 2 secondes.
Je vais utiliser tes codes, comme ça je serais sûr que ça marche. Tant pis, je modifierai toutes mes infobulles. Ça va aussi me mettre de faire de jolies infobulles, par rapport à celles par défaut.

Merci pour ton aide