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

3 réponses

  1. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    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
  2. 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
    1. Gihef Messages postés 5165 Statut Contributeur 2 781
       
      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
  3. 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