OVH Cloud OVH Cloud

Attributs TITLE et ALT sur balises IMG

26 réponses
Avatar
Florian Sinatra
Bonsoir,
j'aimerais savoir pourquoi Firefox ne lit pas les attributs ALT des
balises IMG, comme décrit dans la spécification HTML 4.01 :
http://www.la-grange.net/w3c/html4.01/struct/objects.html#edef-IMG
Le seul moyen pour qu'il affiche une infobulle est d'utiliser l'attribut
TITLE.

Est-ce un bug de Firefox, ou bien au contraire c'est prévu pour que ALT
affiche UNIQUEMENT un texte alternatif et TITLE une infobulle ? (title
étant dans les "attributs définis ailleurs" de la doc HTML : IMG)

D'avance merci :-)

10 réponses

1 2 3
Avatar
Guy Gruais
bonjour,

"" a écrit dans le message de
news:

donc pour faire afficher une définition sur un mot en particulier,



En feuille de style :

.bulle {border-bottom:1px dotted #369;cursor:help;color=blue;}

et dans la page HTML
<span class="bulle" title="ceci est ma définition">mot à définir</span>

Non ?

--

Cordialement

http://boiseau.free.fr
http://paysderetz.free.fr
Avatar
CrazyCat
Pierre Goiffon wrote:
Tiens d'ailleurs, si quelqu'un a une URL vers quelque chose de tout
fait, je suis fort intéressé !
Je cherche une infobulle qui permette un minimum de mise en forme (gras
au moins) et qui permette surtout d'intégrer des textes assez longs
(jusqu'à 500 car environ) et sur plusieurs lignes.



http://www.crazycat.info/cv/
Tout est dans le code (j'ai fait exprès en une seule page).

Dans "Formation", il y a un joli "?" après Immotique et Domotique, qui
permet de voir une infobulle :)

--
Aide informatique: http://help-info.forumactif.com
Humour: http://www.chatfou.com
Tchattez en liberté: http://www.crazy-irc.net
Avatar
Tr
*Ecrit* *par* *Guy Gruais*:
bonjour,

"" a écrit dans le message de
news:

donc pour faire afficher une définition sur un mot en particulier,



En feuille de style :

.bulle {border-bottom:1px dotted #369;cursor:help;color=blue;}

et dans la page HTML
<span class="bulle" title="ceci est ma définition">mot à définir</span>

Non ?



comme le title est tronqueur, ça ira pas partout...
mais je garde l'idée, couplée à la balise dfn à la place de span, avec
title et class, ça rend bien et on peut adapter, dans le cas où mes
définitions ne sont pas longues.
merci

--
Va au bout. (Etat d'esprit)

Avatar
Guy Gruais
Bonjour,

"ASM" a écrit dans le message
de news:43df6110$0$19709$

pour que IE n'affiche pas en info-bulle
le text alternatif (du ALT) dont on n'a alors pas besoin

on rajoute un TITLE *vide*



C'est ce que je fais parfois.
Mais je trouve absurde d'être obligé de mettre quelque chose

dont on n'a alors pas besoin



pour, après, faire en sorte qu'il ne s'affiche pas !!

--

Cordialement

http://boiseau.free.fr
http://paysderetz.free.fr
Avatar
Tr
*Ecrit* *par* *CrazyCat*:
Pierre Goiffon wrote:
Tiens d'ailleurs, si quelqu'un a une URL vers quelque chose de tout fait,
je suis fort intéressé !
Je cherche une infobulle qui permette un minimum de mise en forme (gras au
moins) et qui permette surtout d'intégrer des textes assez longs (jusqu'à
500 car environ) et sur plusieurs lignes.



http://www.crazycat.info/cv/
Tout est dans le code (j'ai fait exprès en une seule page).

Dans "Formation", il y a un joli "?" après Immotique et Domotique, qui permet
de voir une infobulle :)



oui, nickel...
mais à quoi correspond event dans:
onmouseover="more('immotique', event);"
merci

--
Le paradis n'est pas le but du voyage mais le chemin que l'on prend
pour y arriver. (Réflexion)

Avatar
Emmanuel Aubert
Ludovic LE MOAL vient de nous annoncer :
Florian Sinatra nous a schtroumpfé :

Bonsoir,



Bonjour

j'aimerais savoir pourquoi Firefox ne lit pas les attributs ALT des
balises IMG, comme décrit dans la spécification HTML 4.01 :
http://www.la-grange.net/w3c/html4.01/struct/objects.html#edef-IMG
Le seul moyen pour qu'il affiche une infobulle est d'utiliser
l'attribut TITLE.



Alt, c'est un texte alternatif en cas d'absence d'image ou de non-
visibilité par l'agent.



Mais comme un certain nombre de «Webmaster» se foutent royalement des
specs... Une extension fût créée :
<https://addons.mozilla.org/extensions/moreinfo.php?id33&application=firefox>


Title, c'est l'infobulle. Firefox a donc un comportement correct de ce
point de vue là.



Ça c'est sur !

--
Manu
Avatar
CrazyCat
wrote:
oui, nickel...
mais à quoi correspond event dans:
onmouseover="more('immotique', event);"



A récupérer la position du pointeur de la souris, qui est ensuite
utilisée dans:
if (div) {
div.style.left = (eventObj.clientX + scrOfX) + "px";
div.style.top = (eventObj.clientY + scrOfY) + "px";
div.style.display = 'block';
}

--
Aide informatique: http://help-info.forumactif.com
Humour: http://www.chatfou.com
Tchattez en liberté: http://www.crazy-irc.net
Avatar
Ludovic LE MOAL
ASM nous a schtroumpfé :

Pour la longueur du texte autorisé, je dirais que :
- Windows = environ 256 caractères ou 128 ? ... à voir et vérifier
(ce qui, à mon sens est de la folie,
pourquoi pas une page complète pendant qu'on y est ?)



Je crois avoir lu sur la liste des Pompeurs que c'était plutôt 70 ou 72 ou
80 environ.

Sinon, préférer l'attribut longdesc.
--
Ludovic LE MOAL
Avatar
Tr
*Ecrit* *par* *CrazyCat*:
wrote:
oui, nickel...
mais à quoi correspond event dans:
onmouseover="more('immotique', event);"



A récupérer la position du pointeur de la souris, qui est ensuite utilisée
dans:
if (div) {
div.style.left = (eventObj.clientX + scrOfX) + "px";
div.style.top = (eventObj.clientY + scrOfY) + "px";
div.style.display = 'block';
}



ok, entretemps j'avais bien avancé là-dessus...
mille merci, c'est très intéressant, notamment pour faire du drag and
drop du coup peut-être...

--
Je n'ai pas fait des enfants pour qu'ils m'obéissent au doigt et à
l'oeil. (Réflexion)

Avatar
ASM
Pierre Goiffon a écrit :

Tiens d'ailleurs, si quelqu'un a une URL vers quelque chose de tout
fait, je suis fort intéressé !



http://www.walterzorn.com/tooltip/tooltip_e.htm

très complet

--
Stephane Moriaux et son [moins] vieux Mac
1 2 3