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

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 le Mer 21 Mai 2014 - 10: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 : http://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 Mer 21 Mai 2014 - 11:46, édité 1 fois

bugsbuny
# Tropactif #

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

http://grpw.exprimetoi.com
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 le Mer 21 Mai 2014 - 11: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
+ Hyperactif +

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

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 le Mer 21 Mai 2014 - 11: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.

bugsbuny
# Tropactif #

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

http://grpw.exprimetoi.com
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 le Mer 21 Mai 2014 - 11: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
+ Hyperactif +

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

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 le Mer 21 Mai 2014 - 11: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 

bugsbuny
# Tropactif #

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

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

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


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