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

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

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 !

Publicité
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
26,38 €Micro clé USB 3.1 Sandisk Ultra Fit 256 Go à 26,38 €
47,99 € -45%

Amazon fait une promotion sur la micro clé USB Sandisk Ultra Fit d'une capacité de 256 Go qui passe à 26,38 €. La minuscule taille de cette clé USB va vous permettre de la laisser brancher en permanence sur votre portable, votre TV ou votre autoradio sans qu'elle dépasse de manière disgracieuse. Sa compatibilité USB 3.1 lui permet d'atteindre des débits jusqu'à 130 Mo/s. 


Voir l'offre
369,99 €TV 55 pouces Toshiba UHD 4K Android TV à 369,99 €
439 € -16%

Cdiscount fait une promotion sur la télévision Ultra Haute Definition 4K Toshiba 55UA4B63DG qui passe à 369,99 €. Cette TV de 55 pouces (139 cm) offre une résolution 4K de 3840x2160 pixels. Elle possède un Tuner TNT HD, 2 ports USB et 4 ports HDMI. Elle est compatible HDR Dolby Vision, Google Assistant et tourne sous Android TV (vous pourrez lui installer des applications via Google Play : Netflix, YouTube, MyCanal, Molotov, Disney+, Plex, etc).


Voir l'offre
179,00 €Ecran PC 24.5 pouces BenQ EX2510S (FHD, IPS, FreeSync,165Hz, 2xHP, réglable en hauteur) à 179 €
249 € -28%

Amazon fait une belle promotion sur l'écran PC BenQ MOBIUZ EX2510S qui passe 179 € livré gratuitement alors qu'on le trouve ailleurs à partir de 249 €. Il possède une dalle de 24.5 pouces Full HD IPS et offre une fréquence de rafraichissement de 165 Hz et un temps de réponse de 1 ms. Il intègre 2 HP (2.5W) et une connectivité HDMI et DP. Il est réglable en hauteur.


Voir l'offre
13,99 €DRAGON WAR Pack (souris + tapis de souris + jeux PC Doom et Dishonored GOTY) à 13,99 €
39 € -64%

Cdiscount fait une promotion sur le pack Dragon War qui passe à 13,99 € seulement. Ce bundle PC comprend une souris Dragon War Warlord RGB, un tapis de souris Dragon War Speed Edition, le jeu PC Doom et le jeu PC Dishonored Game of the Year Edition.


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