[HTML] COMMENTAIRE au survol d'une image [Résolu]

A voir également:Html commentairePhp bouton submit afficher information en survol - Meilleures réponses Htlm survol afficher un message - Meilleures réponses Commentaire au survol d'un image ✓ - Forum - Webmaster Html mettre un lien sur une image - Conseils pratiques - Photoshop [html/php ou CSS]taille d'image ✓ - Forum - CSS Erreur sur html commentaire ✓ - Forum - HTML [HTML] Comment aligner une ligne d'image ? ✓ - Forum - HTML

salut,

je souhaite insérer uncommentaire au survol d'une image indiquant "pour plus d'info, accéder à l'aide en cliquant ici" par exemple.

<-- est un commentaire du code et non un commentaire liée a l image. Comment faire svp ?

Forum

A voir également:Html commentairePhp bouton submit afficher information en survol - Meilleures réponses Htlm survol afficher un message - Meilleures réponses Commentaire au survol d'un image ✓ - Forum - Webmaster Html mettre un lien sur une image - Conseils pratiques - Photoshop [html/php ou CSS]taille d'image ✓ - Forum - CSS Erreur sur html commentaire ✓ - Forum - HTML [HTML] Comment aligner une ligne d'image ? ✓ - Forum - HTML

Web: www.shapebootstrap.net

10 réponses

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Salut,

Ce serait pas plutôt :

<img src="ijiozajdioaz.gif"title="pour plus d'info, accéder à l'aide en cliquant ici">

Je crois que alt sert à indiquer ce que représente l'image quand celle-ci ne s'affiche pas.

Merci aloneinthedark 51

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM a aidé 31089 internautes ce mois-ci

Reply
réponses:
  • auteur

    merci beaucoup!

  • auteur

    merci auteur

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Le fait que l'attribut ALT s'affiche sur IE et sur Firefox n'est pas normal.
Le comportement normal est celui de Firefox, c'est encore un bug de IE.
L'attribut ALT n'est fait que pour renseigner une image si elle ne s'affiche pas.
Pour afficher correctement et respecter les standards, il faut utiliser l'attribut TITLE.

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Salut à tous,
Je confirme, sous firefox, le alt n'affiche rien du tout.

j'ai fait ça avec une mise en forme pour mon site. Si vous voulez voir le source par exemple dans la rubrique curiosités, voyez les liens (N° en bas) qui affiche une fenetre en vert. Seule la balise title permet de faire ça.
Heuuuu.... je viens de tester sous IE6 et ça fonctionne aussi (Win2000pro).
http://abarka.free.fr
Hum, faut que je regarde de plus prés le source. je sais que dans le head j'ai créé un tooltip et ensuite je fais appel a ce tooltip dans les liens.

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Je veux bien te croire, mais je viens à l'instant d'essayer avec une photo et un lien sous ie et firefox, et je n'ai aucune infobulle qui s'affiche avec seulement le alt.

???

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

merci pour l'information, mais j'ai un problème

j'aimerai pourvoir afficher plusieurs lignes dans l'info-bulle. me problème est de savoir comment il faut faire.

j'utilise l'instruction : <img ................ title=" " >

merci

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Pour avoir cette petite bulle d'information au survol d'une image
je mets la balise title=commentaire qui est comprise par IE et FF

Mais parfois je mets aussi la balise alt=commentaire qui permet d'inscrire une description de l'image en cas de rupture de lien. Et qui dans le cas de cette rupture est aussi comprise par IE et FF

On est obligé de mettre les 2 si l'on veux absolument prévenir une rupture de lien, mais le plus souvent la balise title seule suffit à mon bonheur ;)

ce qui donne par exemple :

<img src="lien/vers/image.jpg" title="Bonne Année" alt="Bonne Année" border="0" style="float:right;">

(le style dans cet exemple colle l'image à droite)

Reply
réponses:
  • auteur

    Très bien pour votre aide merci beaucoup @+

  • auteur

    merci de ce petit lien très utile je confirme

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Salut,

Dans ton tag <img src="ijiozajdioaz.gif"> rajoute alt="pour plus d'info, accéder à l'aide en cliquant ici"

C'est à dire :
<img src="ijiozajdioaz.gif" alt="pour plus d'info, accéder à l'aide en cliquant ici">

Sinon si tu veux que le commentaire s'affiche tout de suite et dans la police que tu veu, et où tu veux, il te faudra te mettre au Javascript (si ce n'est déjà fait) et apprendre à gérer les EventHandlers (cherche un peu sur google). Mais avec Alt, c'est déjà çà, et c'est pas compliqué pour un sou.

A plus

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

bonjour
j ai un petit probleme. J'ai mis des photos avec des liens vers d autres pages, tout marche bien, mais je veux mettre sous la photo un texte qui enverra au meme lien que celui de la photo. Comment faire ? je voudrais aussi que ce texte soit centré sous la photo
merci

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Salut,

Alt sert effectivement à afficher un texte lors du chargement de l'image, mais permet aussi, quand on laisse le curseur de la souris sur l'image, d'afficher le-dit texte dans une infobulle standard. Le résultat final est le même qu'avec title.

A plus

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Salut,

Ca marche avec IE, aucun probleme pour alt ou title, c'est en effet sous Firefox, que alt n'affiche pas d'infobulle. C'est bon a savoir. Mais de toute facon, j'ai l'impression que celui qui a posté n'est pas revenu. On sait toujours pas si ca lui suffit ces petites infobulles, ou s'il veut faire ca en Javascript avec des onmouseover et tout... On verra.

A plus

Reply

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed