[HTML]alt / title pour les images, liens sous firefox

Version imprimable

27/10/2005, 11h40
cynferdd

[HTML]alt / title pour les images, liens sous firefox

Bonjour.
J'ai remarqué que "alt" (dans une image) ne fonctionne pas sous firefox. title peut permettre de palier à ce problème, mais il me semble qu'il ne fonctionne qu'avec un lien. je n'ai rien vu sur ce forum ou dans les faq.
au contraire, j'ai même trouvé un exemple parlant de alt avec ie et firefox :
http://web.developpez.com/faq/html/?...PHES#IMAGE_alt
quelqu'un sait-il pour quelles raisons cela ne fonctionne pas?
27/10/2005, 11h48
lunatix

en fait, c'est IE qui fait n'importe quoi.
Alt doit etre utilisé pour un texte de remplacement au cas ou l'image ne peut pas etre affichée (par exemple les navigateurs pour mal voyants).

Title peut etre utlisé sur quasiement toutes les balises html pour affcher une info bulle. (malheuresement, sous ie, ca ne fonctionne pas sur toutes les balises)

conclcusion -> si tu veux une info bulle, utilise Title, et n'oublie pas les alt sur les images pour les navigateurs textuels
27/10/2005, 11h55
SpaceFrog

+1
alt=> alternatif ...

pour des infobulle dc'est title ou alors un javascript qui gère l'affichage d'un div ...
il existe un script dispo sur le web qui se nomme overlib, c'est un peu une usine à gaz mais c'est assez paramètrable

c'est également possible en css en utilisant les possibilités de a hover ...
27/10/2005, 16h02
cynferdd

merci beaucoup pour vos réponses. je connais overlib, mais c'est un peu lourd pour l'utilisation que je veux en faire :mrgreen: je vais rester sur title alors (et mieux me renseigner sur css et css2)

un exemple d'infobulle css ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<style type="text/css">
.info{position:relative; /*this is the key*/
                z-index:24; 
                /*background-color:#ccc;*/
                color:#000;
                text-decoration:none}
 
a.info:hover{
                           display:block/*background-color:yellow;*/
                                }
                                
a.info div {display: none}
 
a.info:hover div{/*the span will display just on :hover state*/
                                   display:block;
                                   position:absolute;
                                   padding:5px;
                                   top:-5em; 
                                   left:2em;
                                   width:15em;
                                   border:2px outset #0cf;
                                   background-color:skyblue;
                                   color:#000;
                                   text-align: center;
                                   font-family:verdana; 
                                   font-size:11px;
                                   z-index:25;}
</style>
 
</head>
 
<body>
<br/>
<br/>
<br/>
<br/>
<br/>
 
<a class="info" href="#" style="position:absolute; left:40%;"><input type="text" name="myinput" /><div> Voici<br/>l'infobulle<br/>en css</div></a>
</body>

27/10/2005, 16h39
cynferdd

merci beaucoup spacefrog. je m'en vais essayer ça de suite ;)
[edit]
ça a l'air vraiment pas mal. merci encore
[/edit]