Code pour insérer une infobulle sans passer par le css ??
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Code pour insérer une infobulle sans passer par le css ??
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.
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 Mer 21 Mai 2014 - 11:46, édité 1 fois
Re: Code pour insérer une infobulle sans passer par le css ??
Bonjour,
Dans votre balise img utilisez l'attribut title par exemple :
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 , en tout cas généralement très simple !
Bonne journée .
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 , en tout cas généralement très simple !
Bonne journée .
Re: Code pour insérer une infobulle sans passer par le css ??
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 , en tout cas généralement très simple !
Bonne journée .
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.
Re: Code pour insérer une infobulle sans passer par le css ??
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>
Re: Code pour insérer une infobulle sans passer par le css ??
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
Sujets similaires
» Un menu hamburger aulieu de l'en-tête pour le ModernBB (Sans passer par AwesomeBB)
» Code pour Infobulle..
» Code pour infobulle sur un texte
» Problème avec un code pour Infobulle
» Un code ou script pour insérer une petite image
» Code pour Infobulle..
» Code pour infobulle sur un texte
» Problème avec un code pour Infobulle
» Un code ou script pour insérer une petite image
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum