> Tous les forums > Forum des Webmasters
 Info-bulle au passage de la souris sur une image-lien ?Sujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Chris Blues
  Posté le 03/03/2017 @ 01:39 
Aller en bas de la page 
Petit astucien

Bonjour à tous,

Je me doute que cette question a déjà été posée, mais j'ai fait une recherche "info-bulle" et les réponses obtenues ne m'aident pas...

Voici mon problème :

- J'ai une image-lien qui renvoie à une page "Ressources".

- Je voudrais qu'au passage de la souris sur cette image-lien, une petite info-bulle s'affiche avec le mot "Ressources".

Merci à tous ceux qui accepteront de m'aider.

Publicité
elle
 Posté le 03/03/2017 à 02:44 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

L'attribut title permet l'affichage d'une infobulle au survol de l'élément sur lequel il se place, et sert à apporter des informations consultatives concernant ledit élément.

Chris Blues
 Posté le 03/03/2017 à 03:43 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bon... Mais quelle est la ligne de code que je dois taper ? Et à quel endroit de ma page de codes ?

elle
 Posté le 03/03/2017 à 03:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Euh, ben, faudrait voir ton code, j'ai pas de boule de cristal...

y.bli
 Posté le 03/03/2017 à 10:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien
Message original par Chris Blues

Bonjour à tous,

Je me doute que cette question a déjà été posée, mais j'ai fait une recherche "info-bulle" et les réponses obtenues ne m'aident pas...

Voici mon problème :

- J'ai une image-lien qui renvoie à une page "Ressources".

- Je voudrais qu'au passage de la souris sur cette image-lien, une petite info-bulle s'affiche avec le mot "Ressources".

Merci à tous ceux qui accepteront de m'aider.

Bonjour,

<a href="lien" target="" title="Ressources"><img style="border: 0px solid" alt="" src="">page Ressources</a>

@+

Chris Blues
 Posté le 03/03/2017 à 15:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci y.bli, ça marche ! Voici ce que j'ai obtenu avec ta formule :

Comme tu vois, c'est presque ça... Maintenant, il faut que j'arrive le mettre à la bonne place.

Merci encore : ta réponse est celle que j'attendais et elle m'a aidé.

@+

y.bli
 Posté le 03/03/2017 à 15:53 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien
Chris Blues a écrit :

Merci encore : ta réponse est celle que j'attendais et elle m'a aidé

dans ce cas, tu peux sélectionner "Résolu" pour ton post.

@+

Chris Blues
 Posté le 03/03/2017 à 16:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Ok, c'est fait.

@+

elle
 Posté le 03/03/2017 à 19:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Pour des raisons d'accessibilité, il vaut mieux éviter d'insérer des informations essentielles dans l'attribut title. Un dispositif de pointage (souris, pavé tactile) étant nécessaire pour provoquer l'apparition de l'info-bulle, les internautes qui utilisent un écran tactile (tablettes et téléphones intelligents, notamment), qui naviguent au clavier, qui ont besoin d'un lecteur d'écran, ou encore les personnes ayant un problème de motricité fine ou souffrant de déficiences cognitives n'auront pas accès à ce contenu. Si une information est jugée importante, il est préférable de la placer directement dans le texte de la page. Donc, dans ton cas, d'avoir une image plus "parlante".

Publicité
Chris Blues
 Posté le 04/03/2017 à 00:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Dans ces différents cas que tu as énoncés, l'internaute, n'ayant pas la possibilité d'accéder au contenu de l'info-bulle, ne pourra pas faire autrement que de "toquer" sur l'image-lien, ce qui l'amènera à la page "Ressources" : ce n'est qu'ainsi qu'il se rendra compte de la destination de l'appui sur l'image-lien. Donc, ce n'est pas vraiment un problème si l'info-bulle n'apparaît pas... Si je souhaite qu'il y en ait une, c'est que justement je n'ai pas trouvé d'image suffisamment "parlante", comme tu dis, représentant les "ressources" : je me suis arrêté sur le choix d'une icône présentant un groupe de quatre petits bonhommes de couleur, en concertation, chacun apportant ses "ressources". Pour ne pas laisser d'ambiguïté, j'y ai adjoint une info-bulle. En plus, ça fait joli et convivial, à mon avis, bien sûr !



Modifié par Chris Blues le 04/03/2017 00:38
elle
 Posté le 04/03/2017 à 01:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Chris Blues a écrit :

Dans ces différents cas que tu as énoncés, l'internaute, n'ayant pas la possibilité d'accéder au contenu de l'info-bulle, ne pourra pas faire autrement que de "toquer" sur l'image-lien, ce qui l'amènera à la page "Ressources" : ce n'est qu'ainsi qu'il se rendra compte de la destination de l'appui sur l'image-lien.

Pour se retrouver sur une page où il n'avait peut-être pas besoin d'aller. Personnellement, c'est suffisant pour me faire quitter un site.

Rien ne t'empêche de mettre du texte directement sur l'image ou simplement en lien, non?

Chris Blues
 Posté le 04/03/2017 à 01:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Des internautes toquent sur l'image-lien et arrivent sur la page "Ressources". En fonction de leurs intérêts du moment, que font-ils ? Soit ils ne seront pas intéressés et ils feront comme toi, ils quitteront le site, soit les "ressources" présentées les interpelleront et ils consulteront. C'est pareil pour tout le monde, comme pour moi : ce n'est pas la présence ou l'absence d'une info-bulle qui va aider les internautes à prendre une décision de consulter ou pas. C'est vrai que j'aurais pu mettre une belle petite image avec le mot "Ressources" construite avec un logiciel adapté, - pourquoi pas ? un wordart par exemple -, mais j'ai voulu faire autrement et selon l'inspiration du moment, voilà tout. Sans compter que l'utilisation de l'info-bulle est largement répandue, alors, pourquoi pas moi, pour une fois ?



Modifié par Chris Blues le 04/03/2017 01:28
cebe
 Posté le 04/03/2017 à 07:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,

Certains navigateurs ne comprennent pas la balise tittle="bbb", pour ma part je mets aussi cette balise à côte de tittle : alt="bbb". Si pour une raison ou une autre l'image ne s'affiche pas, c'est ce texte qui apparaît...

Bon WE, sous la pluie...

elle
 Posté le 04/03/2017 à 07:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

cebe a écrit :

Certains navigateurs ne comprennent pas la balise tittle="bbb"

Comme?

Chris Blues
 Posté le 04/03/2017 à 11:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Ah, c'est pas mal comme info ! Bonne précaution en effet... Merci Cebe.

zoulouman
 Posté le 04/03/2017 à 11:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

elle a écrit :
cebe a écrit :

Certains navigateurs ne comprennent pas la balise tittle="bbb"

Comme?

Moi aussi, ça m'intéresse. De mémoire, je n'ai pas souvenir d'avoir vu un navigateur qui ne connaissait pas "title"...

Malcolm
 Posté le 04/03/2017 à 14:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

vous n'avez pas compris

cebe a écrit :

Bonjour,

Certains navigateurs ne comprennent pas la balise tittle="bbb", pour ma part je mets aussi cette balise à côte de tittle : alt="bbb". Si pour une raison ou une autre l'image ne s'affiche pas, c'est ce texte qui apparaît...

Bon WE, sous la pluie...

tittle avec 2t

Publicité
elle
 Posté le 04/03/2017 à 18:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

On imagine et espère qu'il ne le code pas ainsi!

zoulouman
 Posté le 05/03/2017 à 12:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

J'avais pas vu les 2 t. Tout s'explique !

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
263,20 €Barbecue WEBER Master Touch GBS 57 cm à 263,20 € (+7,90 € remboursés)
Valable jusqu'au 20 Septembre

Boulanger via Rakuten fait une promotion sur le barbecue Barbecue WEBER Master Touch GBS 57 cm qui passe à 263,20 € au lieu de 329 €. Rakuten vous rembourse aussi 7,90 € en points Rakuten utilisables pour vos prochains achats. La livraison est gratuite. 

Notez que si vous n'avez jamais commandé sur Rakuten, cette offre de parrainage vous permettra également de déduire 10 € de votre commande.


> Voir l'offre
79,99 €Barbecue WEBER Compact Kettle 47 cm à 79,99 €
Valable jusqu'au 19 Septembre

Cdiscount fait une promotion sur le barbecue Barbecue WEBER Compact Kettle 47 cm qui passe à 79,99 € au lieu de 100 €. La livraison est gratuite. 


> Voir l'offre
83,03 €SSD Interne M.2 NVMe PCIe 4.0 Samsung 980 PRO 500 Go à 83,03 € livré
Valable jusqu'au 20 Septembre

Amazon Allemagne fait une promotion sur le SSD Interne M.2 NVMe PCIe 4.0 Samsung 980 PRO 500 Go qui passe à 78,44 € (avec la TVA ajustée). Comptez 4,59 € pour la livraison en France, soit un total de 83,03 € livré en France. On le trouve ailleurs à partir de 105 €. Ce SSD offre des taux de transfert de 7000 Mo /s en lecture et 5100 Mo/s en écriture. Une excellente affaire.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douane. Si vous êtes perdu en allemand, vous pouvez traduire le site en anglais.


> Voir l'offre

Sujets relatifs
Afficher une image au passage de la souris
Faire apparaitre une image au passage de la souris
Bulle info sur un lien
Image qui bouge au passage de la souris
Info bulle sur une image
code html pour info-bulle
Aller à la ligne dans une info bulle
Faire un lien sur une image
Afficher image sur lien
Copyright en info-bulle
Plus de sujets relatifs à Info-bulle au passage de la souris sur une image-lien ?
 > Tous les forums > Forum Forum des Webmasters