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

**cynferdd** · 27/10/2005, 11h40

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?

**lunatix** · 27/10/2005, 11h48

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

**SpaceFrog** · 27/10/2005, 11h55

+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 ...

**cynferdd** · 27/10/2005, 16h02

merci beaucoup pour vos réponses. je connais overlib, mais c'est un peu lourd pour l'utilisation que je veux en faire

je vais rester sur title alors (et mieux me renseigner sur css et css2)

**SpaceFrog** · 27/10/2005, 16h08

un exemple d'infobulle css ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**cynferdd** · 27/10/2005, 16h39

merci beaucoup spacefrog. je m'en vais essayer ça de suite

[edit]
ça a l'air vraiment pas mal. merci encore
[/edit]

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

HTML

Discussions similaires

Partager

Partager