Les infobulles n'apparaissent pas sous Chrome

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Les infobulles n'apparaissent pas sous Chrome

Message par alv le Sam 2 Juil 2016 - 11:50

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.


Dernière édition par alv le Dim 3 Juil 2016 - 12:58, édité 1 fois

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les infobulles n'apparaissent pas sous Chrome

Message par Sylvain Bassotto le Sam 2 Juil 2016 - 14:54

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>

Sylvain Bassotto
Nouveau membre

Messages : 23
Inscrit(e) le : 30/05/2016

http://www.worldofkonsoalen.com
Sylvain Bassotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les infobulles n'apparaissent pas sous Chrome

Message par alv le Sam 2 Juil 2016 - 15:18

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.

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les infobulles n'apparaissent pas sous Chrome

Message par MlleAlys le Sam 2 Juil 2016 - 16:14

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.

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les infobulles n'apparaissent pas sous Chrome

Message par alv le Dim 3 Juil 2016 - 11:19

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 ?

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les infobulles n'apparaissent pas sous Chrome

Message par MlleAlys le Dim 3 Juil 2016 - 12:30

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.

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les infobulles n'apparaissent pas sous Chrome

Message par alv le Dim 3 Juil 2016 - 12:57

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

résolu

alv
# Tropactif #

Messages : 1080
Inscrit(e) le : 09/07/2012

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum