Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Applications Applications Navigateurs web Bulle d'aide sur Firefox ?

Bulle d'aide sur Firefox ?

8 réponses
Avatar
Fred
--- déjà posté par erreur sur fr.comp.infosystemes.www.pages-perso ---

Bonsoir,

Sur ma page perso, j'ai des petits ? qui sont une petite image, et quand
l'internaute passe sa souris sur l'image du point d'interrogation il voit le
petit texte que j'ai saisi

ça marche sur IE mais pas sur Firefox
comment faire avec Firefox, utiliser une autre technique ?

merci de vos conseils
Fred
Signaler un problème avec ce contenu

8 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
ASM
Fred a écrit :
--- déjà posté par erreur sur fr.comp.infosystemes.www.pages-perso ---



non ce n'était sans-doute pas une erreur.
(pas vu ce post ... c'était quelle année ?)

Sur ma page perso, j'ai des petits ? qui sont une petite image, et quand
l'internaute passe sa souris sur l'image du point d'interrogation il voit le
petit texte que j'ai saisi

ça marche sur IE mais pas sur Firefox
comment faire avec Firefox, utiliser une autre technique ?



Encore une fois ...
ALT n'a pas vocation à faire des info-bulles ! ! ! !
ALT sert à afficher un petit texte de remplacement si l'image n'est pas
affichée.

C'est TITLE qui *doit* être utilisé pour les infos-bulles(*),
d'ailleurs IE le sait bien puisqu'il le fait.

(*) si le navigateur est équipé pour le faire
(à une époque Opera affichait le message en barre d'état)

Hors donc :

<img src="aide.jpg" alt="Aide"
title="Cliquez-moi pour obtenir de l'aide">

à noter :
si on ne veut pas que IE affiche une info-bulle par le ALT :
<img src="1.jpg" alt="image" title="">
afin qu'il laisse le alt faire son boulot de remplacement de l'image


--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Avatar
ASM
ASM a écrit :
Fred a écrit :
--- déjà posté par erreur sur fr.comp.infosystemes.www.pages-perso ---



non ce n'était sans-doute pas une erreur.



Ooops j'avais cru lire : fr.comp.infosystemes.www.auteurs
Où la question eût été en charte.

(pas vu ce post ...



Pas étonnant pisqu'il y est pô ! ? :-)


--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Avatar
Jacques Dassié
Le Mon, 05 Feb 2007 21:59:43 +0100, ASM
écrit:


Hors donc :

<img src="aide.jpg" alt="Aide"
title="Cliquez-moi pour obtenir de l'aide">

à noter :
si on ne veut pas que IE affiche une info-bulle par le ALT :
<img src="1.jpg" alt="image" title="">
afin qu'il laisse le alt faire son boulot de remplacement de l'image



Intéressantes, ces instructions.
J'ai essayé chez moi, voici les résultats concernant l'apparition de la
bulle, en fonction de différents navigateurs :

Internet Explorer : OK, parfaitement correct.
K-Meleon _____ : OK, parfaitement correct.
Opera ________ : texte complet mais mal disposé.
FireFox _______ : texte tronqué.
Netscape _____ : texte mal disposé et tronqué.

Tous ces navigateurs sont d'éditions récentes.

--
Jacques DASSIÉ
http://archaero.chez-alice.fr/
Avatar
pascal.chevrel
Le 06/02/2007 09:01, Jacques Dassié a ecrit :
Le Mon, 05 Feb 2007 21:59:43 +0100, ASM
écrit:


Hors donc :

<img src="aide.jpg" alt="Aide"
title="Cliquez-moi pour obtenir de l'aide">

à noter :
si on ne veut pas que IE affiche une info-bulle par le ALT :
<img src="1.jpg" alt="image" title="">
afin qu'il laisse le alt faire son boulot de remplacement de l'image



Intéressantes, ces instructions.
J'ai essayé chez moi, voici les résultats concernant l'apparition de la
bulle, en fonction de différents navigateurs :

Internet Explorer : OK, parfaitement correct.
K-Meleon _____ : OK, parfaitement correct.
Opera ________ : texte complet mais mal disposé.
FireFox _______ : texte tronqué.
Netscape _____ : texte mal disposé et tronqué.

Tous ces navigateurs sont d'éditions récentes.




Il ne faut pas confondre 'titre' et 'bulle d'aide', si tu veux rajouter
des vraies bulles d'aide il te faudra passer par du javascript pour
afficher un bloc de texte. L'attribut title sert à afficher un titre,
donc quelques mots au plus.

Pascal
Avatar
Jacques Dassié
Le Tue, 06 Feb 2007 11:51:40 +0100, ""
écrit:

Il ne faut pas confondre 'titre' et 'bulle d'aide', si tu veux rajouter
des vraies bulles d'aide il te faudra passer par du javascript pour
afficher un bloc de texte. L'attribut title sert à afficher un titre,
donc quelques mots au plus.



Tout à fait d'accord. Il n'en demeure pas moins que le nombre de signes
affichés et leur disposition paraît bien dépendre du type de navigateur.
--
Jacques DASSIÉ
http://archaero.chez-alice.fr/
Avatar
ASM
Jacques Dassié a écrit :
Le Mon, 05 Feb 2007 21:59:43 +0100, ASM
écrit:

Hors donc :

<img src="aide.jpg" alt="Aide"
title="Cliquez-moi pour obtenir de l'aide">

à noter :
si on ne veut pas que IE affiche une info-bulle par le ALT :
<img src="1.jpg" alt="image" title="">
afin qu'il laisse le alt faire son boulot de remplacement de l'image



Intéressantes, ces instructions.
J'ai essayé chez moi, voici les résultats concernant l'apparition de la
bulle, en fonction de différents navigateurs :



Il serait intéressant d'en connaître le code ...

Internet Explorer : OK, parfaitement correct.
K-Meleon _____ : OK, parfaitement correct.
Opera ________ : texte complet mais mal disposé.



version d'Opera ?

FireFox _______ : texte tronqué.
Netscape _____ : texte mal disposé et tronqué.



La plupart des navigateurs n'autorisent qu'un très court texte d'info-bulle.
FF et Moz pourront être boostés par l'extension :
Long Title
http://home.etu.unige.ch/~robin0/LongTitles.html

Tous ces navigateurs sont d'éditions récentes.





--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Avatar
rm
Le mardi 6 février 2007 à 12:41, Jacques Dassié a écrit :

Le Tue, 06 Feb 2007 11:51:40 +0100, ""
écrit:

Il ne faut pas confondre 'titre' et 'bulle d'aide', si tu veux rajouter
des vraies bulles d'aide il te faudra passer par du javascript pour
afficher un bloc de texte. L'attribut title sert à afficher un titre,
donc quelques mots au plus.



Tout à fait d'accord. Il n'en demeure pas moins que le nombre de signes
affichés et leur disposition paraît bien dépendre du type de navigateur.



dans l'exemple que tu as donné, et dans une configuration par défaut de
quelques navigateurs sous XP, ça ne saute pas aux yeux :
http://files.myopera.com/ra_mon/albums/166505/tooltip_firefox2.png
http://files.myopera.com/ra_mon/albums/166505/tooltip_IE7.png
http://files.myopera.com/ra_mon/albums/166505/tooltip_opera9.png

@+
--
rm
Avatar
rm
Le mercredi 7 février 2007 à 23:15, rm a écrit :

Le mardi 6 février 2007 à 12:41, Jacques Dassié a écrit :

Le Tue, 06 Feb 2007 11:51:40 +0100, ""
écrit:

Il ne faut pas confondre 'titre' et 'bulle d'aide', si tu veux rajouter
des vraies bulles d'aide il te faudra passer par du javascript pour
afficher un bloc de texte. L'attribut title sert à afficher un titre,
donc quelques mots au plus.



Tout à fait d'accord. Il n'en demeure pas moins que le nombre de signes
affichés et leur disposition paraît bien dépendre du type de navigateur.



dans l'exemple que tu as donné, et dans une configuration par défaut de
quelques navigateurs sous XP, ça ne saute pas aux yeux :



par contre, en poussant un peu (254 car.), c'est plus visible,
effectivement :)
http://files.myopera.com/ra_mon/albums/166505/big_tooltip_opera9.png
http://files.myopera.com/ra_mon/albums/166505/big_tooltip_IE7.png
http://files.myopera.com/ra_mon/albums/166505/big_tooltip_firefox2.png
et même en exagérant (~2000 car.)
http://files.myopera.com/ra_mon/albums/166505/very_big_tooltip_opera9.png
http://files.myopera.com/ra_mon/albums/166505/very_big_tooltip_IE7.png
http://files.myopera.com/ra_mon/albums/166505/very_big_tooltip_firefox2.png

IE tronque autour de 256 caractères, Opera quand ça ne tient plus en
hauteur, Firefox un peu avant les autres.

@+
--
rm