Forum >> Aide & design >> [RESOLU] Créer une infobulle sur une image

Résultats :  1 - 20 sur 29

Créer une infobulle sur une image - 17/07/08-03:11
Laure
Blogueur
Laure
234 Msg

Ma configuration : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9) Gecko/2008052906 Firefox/3.0

Bonjour j'aurais aimé créer une infobulle (dans l'article maillon faible) sur les images, sur lesquelles la réponse aux questions apparaitrait.
je suis allée sur le site d'AnnaK (http://annak.over-blog.com/article-3203383-6.html#anchorComment), mais impossible en faisant le cliqué droit sur l'image (comme dit dans les commentaires). Merci

 

Laure
Créer une infobulle sur une image - 17/07/08-06:55
Orties
Blogueur
Orties
1721 Msg

Pourquoi ne peux-tu pas faire un clic droit sur l'image dans l'éditeur?

 

Sinon, clic sur html et dans la balise <img>, rajoute:

title="titre de ton image" alt="texte de remplacement"

sachant que IE affiche le texte de remplacement (celui qui doit être affiché si l'image n'est pas accessible) au survol, dans une bulle. Tandis que les autres navigateurs affichent bien le contenu du title au survol

Ce qui te fait, en mode html, une balise image de ce genre:

<img src="url" title="Titre" alt="texte de remplacement"/>

Modo under cover - Blog photo de bakemono
Créer une infobulle sur une image - 17/07/08-09:47
Laure
Blogueur
Laure
234 Msg

En fait si je peux cliquer droit sur la photo, mais ca ne marche pas, je pense que je ne colle pas le texte dans le bon endroit.

Mais bon, ce que je souhaite c'est qu'on ne voit pas les réponses tout de suite, alors, peut être avez-vous une idée plus simple que les infobulles.

Laure
Créer une infobulle sur une image - 17/07/08-09:53
Flo
Modérateur
Flo
21690 Msg

Tu dois mettre le texte (après le clic droit) dans la case texte de description pour faire ton infobulle


BLOGS D'AIDE V2
Créer une infobulle sur une image - 17/07/08-09:54
bakemono
Modérateur
bakemono
3593 Msg

faut faire clic droit, éditer l'image, champ texte alternatif et texte de description.

Mais si tu ne veux pas que ça apparaisse maintenant, ne le mets pas maintenant, rajoute le uniquement quand tu voudras que ce soit visible au survol...

Sinon, de la lecture

Infobulle en css (2) - CSS tooltips
Besoin d'aide? Attrape la bouée
Créer une infobulle sur une image - 17/07/08-10:17
Laure
Blogueur
Laure
234 Msg

Ok top merci, mais je ne comprends pas pourquoi les images n'aparaissent pas  sur IE, alors qu'elles le sont sur FF.

Laure
Créer une infobulle sur une image - 17/07/08-11:15
bakemono
Modérateur
bakemono
3593 Msg

déjà, juste une remarque, pour jouer les puristes de la langue française.

QUESTION N°1 : Tu participes à une course à pied, tu doubles le second...

On utilise second lorsqu'il n'y a pas plus de 2 éléments à lister

Deuxième sinon.

Là, puisqu'on double le second, c'est qu'il y a forcément un troisième (le piège dans la question n'est pas sur ce point de détail de la langue )

QUESTION N°1 : Tu participes à une course à pied, tu doubles le deuxième...

conviendrait donc mieux.

Sinon, pour tes images pas visibles sous IE, dis moi si tu vois les images sur cette page ?

(cache de IE vidé bien sûr ).

Besoin d'aide? Attrape la bouée
Créer une infobulle sur une image - 17/07/08-12:02
Laure
Blogueur
Laure
234 Msg

Merci pour les précisions de la langue française, j'aime autatnt la perfection (tu as dû t'en rendre compte !)
pour répondre à ta question, non je ne vois pas les images sur ton lien sous IE (cache vidé)

Laure
Créer une infobulle sur une image - 17/07/08-14:09
Laure
Blogueur
Laure
234 Msg

bakemono, tu coules ? non pas possible venant de toi, je n'y crois pas.
alors ne sachant pas quoi fire, je t'offre une tasse de café, accompagnée du carré de chocolat, comme réconfort. 

Laure
Créer une infobulle sur une image - 17/07/08-14:30
bakemono
Modérateur
bakemono
3593 Msg

heu...je bosse là. Pour mon vrai travail.

Pas le temps de regarder ton souci en détail (en plus, j'ai pas IE...)

Besoin d'aide? Attrape la bouée
Créer une infobulle sur une image - 17/07/08-16:09
Laure
Blogueur
Laure
234 Msg

Merci Bakemono, mais incroyable, je viens de faire un nouvel article (4 bougies)  et même sans lien infobulle, les photos n'apparaissent plus sous IE ?

Laure
Créer une infobulle sur une image - 17/07/08-18:36
bakemono
Modérateur
bakemono
3593 Msg

teste l'affichage de cette page avec IE, toutes les images ont des balises title et alt, tu les vois?

J'ai balancé l'url de ton blog dans browsershots, pour le voir sous IE6 et IE7 et....

c'est pas folichon

J'ai testé avec juste une page html contenant uniqment une de tes images, pareil, ça coince sous IE... (mais pas sous FF, opera et autre )

Tu les sors d'où tes images?

Besoin d'aide? Attrape la bouée
Créer une infobulle sur une image - 17/07/08-18:47
Laure
Blogueur
Laure
234 Msg

1/ ou je vois bien tes images sur ton lien de test

2/ non la vision n'est pas folichonne et je m'inquièete quand je vois "virus found" sur ton impression écran alors que mon anti-virus n'en trouve pas.

3/ mes images viennent en fait d'un pdf  > impression écran  >> photoshop (recadrage, puis jpeg).

Laure
Créer une infobulle sur une image - 17/07/08-18:55
bakemono
Modérateur
bakemono
3593 Msg

Tiens, capturesous IE7

De toute évidence, ce sont tes images (celles de l'article 4 bougies et maillon faible) qui posent problème

Pour toutes ce sont des captures d'écran de pdf?

Faudrait essayer de les rouvrir, les modifier, et sauvegarder dans un nouveau fichier

Par exemple, tu vois cette image sous IE?

 

Besoin d'aide? Attrape la bouée
Créer une infobulle sur une image - 17/07/08-19:00
Laure
Blogueur
Laure
234 Msg

Merci Bake, bon la capture d'écran il n'y a rien, mais pas grave on va imaginer !

oui pour les deux ceux sont des images venant de pdf (le genre de doc qu'on reçoit  par mail)!  oui je vois l'image sur IE7, don j'ai compris je repars de 0 alors.
mais comment expliquer cette hisstoire de virus (ca m'affole)
et que les blocs des colonnes dépassent comme tu m'as montré en impression écran ?

Laure
Créer une infobulle sur une image - 17/07/08-19:42
bakemono
Modérateur
bakemono
3593 Msg

Visiblement, tes images contiennent des erreurs, et c'est ça qui fait foirer IE (c'est pas un virus)

L'image que tu vois, je l'ai modifiée avec The Gimp, ça corrige le problème apparemment

Pour ta srtucture, redimensionne ton navigateur en 1024*768 sous IE, et regarde si tu vois un débordement vertical.

Si oui, modifie la structure, pour que ça ne déborde plus.

 

 

Besoin d'aide? Attrape la bouée
Créer une infobulle sur une image - 17/07/08-21:04
SuperMan
Blogueur
SuperMan
0 Msg

Bonsoir Laure,

Pour masquer les réponses, tu peux utiliser le css, voir cet exemple, les réponses ne seront visibles que si le visiteur place sa souris sur la réponse cachée.

 

Bonne continuation.

Le monde doit se sauver
Créer une infobulle sur une image - 18/07/08-00:17
Laure
Blogueur
Laure
234 Msg

Un grand merci pour votre aide. je viens de réenregistrer les images et de réessayer, et toujours le fameux carré blanc avec crois rouge sous IE. Donc j'ai tout suprimé. Merci bakemono.

> Superman, merci pour ton exemple esactement le genre de truc que j'aurais voulu,

mais je ne comprend pas comment tu fais, même si tu fais a:hover en CSS, le texte faut bien qu'il aille quelque part en html ?

Laure
Créer une infobulle sur une image - 18/07/08-06:59
SuperMan
Blogueur
SuperMan
0 Msg

Voilà le code source (visible sur mon blog )

Le monde doit se sauver
Créer une infobulle sur une image - 18/07/08-08:23
Maitrepo
Modérateur
Maitrepo
11059 Msg

SuperMan
À noter que ça ne marche qu'avec FF...

Et puis, quand on fait Ctrl+A, c'est rigolo 



Paris Plages : la beauté tranquille...

Résultats :  1 - 20 sur 29

Forum >> Aide & design >> [RESOLU] Créer une infobulle sur une image
La page que vous lisez est réalisée automatiquement à partir de l’ensemble des contenus publiés sur les blogs hebergés par overblog. En savoir plus sur les algorithmes d’overblog