Image de survol + texte]

Iindian Messages postés 4 Statut Membre -  
Iindian Messages postés 4 Statut Membre -
salut !

donc petite question pour celui ou celle qui pourrait m'aider :

j'ai un bandeau ds une <img> et je voudrai savoir comment faire pour qu'en le survolant je puisse lui atribuer un texte d'accompagnement (pas de texte secondaire;)

En gros, je survole la première vignette du bandeau et le sigle qu'elle représente se retrouve en non abregé sous l'image :)


j'ai tenté différents trucs avec mes css ainsi qu'avec du javascript ms aucun resultat :(

Merci bcp d'avance !
L'indien
A voir également:

3 réponses

Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

Comment as-tu essayé avec tes CSS ?

As-tu essayé d'utiliser simplement le title="…" de tes images ?
Pour un texte court, ça suffit.
0
fanou Messages postés 448 Statut Membre 146
 
Bonsoir lindian, bonsoir Gihef
Lindian : la réponse que je t'ai donnée dans ton premier post (identique) ne te convient pas ? pourquoi ?
Précise un peu mieux ce que tu recherches à faire
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Salut fanou,

En effet, il semble que ça ne lui convienne pas.

Ta solution image de survol texte#1 reprends une erreur d'interprétation.
L'attribut “alt” ne sert qu'à afficher du texte de remplacement lorsque l'image ne s'affiche pas. Pour les versions audio ou braille aussi.
Microsoft en fait un usage erronné. Ce qui fait qu'on a tendance à croire que…

Regarde ici :
https://www.la-grange.net/w3c/html4.01/struct/objects.html#alternate-text
0
fanou Messages postés 448 Statut Membre 146
 
Bonjour à tous les deux, bonjour à tous

Gihef : je comprends..
Sur cette page il y a de nombreux exemples d'infobulles sur image ou texte :
http://ipl001.free.fr/LaboWeb/infobulle.html#page2b
0
Iindian Messages postés 4 Statut Membre
 
Merci bcp les gars ! C'est gentil de vous être interessé à mon problème, j'ai pas pu consulté depuis, d'où mon silence :/

voilà ce que j'ai trouvé (sur alsacreation) :
<div id=""><a href=""><img src="" alt="" width="" height=""
border="" usemap="" /><span></span></a>

ça ressemble pas mal à la première solution que j'ai reçu...J'ai réussi à me débrouiller + que comme j'voulais avec ça et les css :)

Voilou et merci à vous deux !
0