Code pour insérer une infobulle sans passer par le css ??

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code pour insérer une infobulle sans passer par le css ??

Message par bugsbuny Mar 20 Mai 2014 - 21:00

Bonjour, ma question est : est ce qu'il existe un code pour avoir une infobulle pour que lorsque l'on pose le pointeur de sa souris sur une photo, on peut lire le nom dans une bulle ?
Toutes les recherches disent qu'il faut ajouter du code css et du html, ce que je voudrais, c'est simplement un code html avec les infos pour l'infobulle, longueur, hauteur, épaisseur, le code complet car avec le code suivant: je n'arrive à rien :
<a href="#" style="text-decoration:none;" class="info"><img src="ADRESSE DE L'IMAGE" alt="Texte alternatif" /><span> Texte à afficher dans l'infobulle </span></a>

J'ai regardé la page suivante mais je ne veux pas ajouter de css : https://forum.forumactif.com/t314945-creer-une-infobulle-sur-une-image-de-titre

Merci et bonne journée en ce mercredi.


Dernière édition par bugsbuny le Mar 20 Mai 2014 - 22:46, édité 1 fois
avatar

bugsbuny
Membre habitué

Masculin
Messages : 1203
Inscrit(e) le : 01/03/2007

https://pibw.exprimetoi.net/
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour insérer une infobulle sans passer par le css ??

Message par Self Mar 20 Mai 2014 - 22:14

Bonjour,

Dans votre balise img utilisez l'attribut title par exemple :
Code:
<img src="http://www.aht.li/2131215/ava7.png" alt="Avatar" title="Cette image est mon avatar" />

L'attribut title génère infobulle qui n'apparait "tout de suite" (une petite seconde après l'arret du curseur) au passage de la souris et son apparence est (me semble-t-il) gérer par le navigateur  scratch , en tout cas généralement très simple !

Bonne journée Wink .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour insérer une infobulle sans passer par le css ??

Message par bugsbuny Mar 20 Mai 2014 - 22:32

SeLfde4Th7 a écrit:Bonjour,

Dans votre balise img utilisez l'attribut title par exemple :
Code:
<img src="http://www.aht.li/2131215/ava7.png" alt="Avatar" title="Cette image est mon avatar" />

L'attribut title génère infobulle qui n'apparait "tout de suite" (une petite seconde après l'arret du curseur) au passage de la souris et son apparence est (me semble-t-il) gérer par le navigateur  scratch , en tout cas généralement très simple !

Bonne journée Wink.

Bonjour SeLfde4Th7,

Ce que j'ai comme code pour le moment :
Code:
<a target="_blank" href="http://www.servimg.com/image_preview.php?i=143&u=18548699"><img alt="Image hébergée par servimg.com" border="0" src="http://i58.servimg.com/u/f58/18/54/86/99/72948610.jpg" /></a>

le résultat obtenu avec le code :
Code:
<img src="http://i58.servimg.com/u/f58/18/54/86/99/72948610.jpg" alt="Avatar" title="Admin.-Fondateur-Enquêteur" />

Ce que je voudrais c'est la photo + l'infobulle + savoir cliquer sur la photo pour envoyer vers une page.

Est ce possible ?

Merci et bon mercredi.
avatar

bugsbuny
Membre habitué

Masculin
Messages : 1203
Inscrit(e) le : 01/03/2007

https://pibw.exprimetoi.net/
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour insérer une infobulle sans passer par le css ??

Message par Self Mar 20 Mai 2014 - 22:36

Comme votre premier exemple placez la balise a comme ceci par exemple :
Code:
<a href="http://forum.forumactif.com" target="_blank"><img src="http://i58.servimg.com/u/f58/18/54/86/99/72948610.jpg" alt="Avatar" title="Admin.-Fondateur-Enquêteur" /></a>
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour insérer une infobulle sans passer par le css ??

Message par bugsbuny Mar 20 Mai 2014 - 22:46

SeLfde4Th7 a écrit:Comme votre premier exemple placez la balise a comme ceci par exemple :
Code:
<a href="http://forum.forumactif.com" target="_blank"><img src="http://i58.servimg.com/u/f58/18/54/86/99/72948610.jpg" alt="Avatar" title="Admin.-Fondateur-Enquêteur" /></a>

Magnifique, je peux juste dire " MERCI BEAUCOUP ", rapidité incroyable pour les réponses, je recommande à toutes et tous LOL (humour).
Merci, c'est exactement ce que je voulais.
Je met les codes de coté pour les modifications ultérieures.

Bonne journée et encore merci.

Je met en  résolu   merci 
avatar

bugsbuny
Membre habitué

Masculin
Messages : 1203
Inscrit(e) le : 01/03/2007

https://pibw.exprimetoi.net/
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum