Navigation
Inscrivez-vous gratuitement pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter
Sujet:
HTML
23/12/2012, 16h53
#1
Membre à l'essai
Afficher une image au passage de la souris sur un texte
Bonjour,
Dans une page Html et de façon moderne comment Afficher une image au passage de la souris sur un texte? Débutant et ayant lu beaucoup de solutions proposées sur google recherche dont aucune ne fonctionne je me tourne vers votre site professionnel. Afficher texte sur image au passage souris d'agneau. Merci d'avance
23/12/2012, 22h33
#2
Bonsoir,
il n'est rien de très complexe dans la réalisation de ce que tu cherches à faire. Il eut mieux valu que tu nous montres le code que tu n'arrives pas à faire fonctionner pour que l'on te corrige et t'explique. 01/01/2013, 17h03
#3
Avec ce code utilisant Javascript l'image sera affichée au survol et cacher dès que la souris sort du champ de texte le petit code javascript change le style css en passant de display:none; à display:block; et inversement.
Bon courage pour la suite
Azyme
- Edité par Azyme 31 janvier 2017 à 12:58:40
31 janvier 2017 à 14:37:03
Of je trouve que ça va encore! Yep après suffit de classer la div qui entoure le tout, et de mettre un float:right sur cette classe afin de pouvoir utiliser plusieurs images. Well done Rys
31 janvier 2017 à 14:43:25
J'ajouterai qu'avec Flexbox, le float: right n'est plus utile et on obtient quelques chose de plus propre:-p
Mais je pinaille sûrement:-D
1 février 2017 à 9:32:55
Donne nous ton code actuel et explique nous précisément pourquoi nos solutions ne fonctionnent pas chez toi. Nous sommes là pour t'aider, et en compétition pour te donner la meilleure solution:-p
1 février 2017 à 9:55:07
En faite je vous explique bien, le site est sous wordpress. J'aimerais placer l'image dans un widget avec le texte qui s'affiche au centre au passage de la souri donc. Afficher texte sur image au passage souris pointeurs. Pour vos code j'ai pas la réponse, je met le code html la ou il faut ( je pense) mais une fois le css rentré le texte disparaît complètement et j'ai aucune idée de pourquoi.
Afficher Texte Sur Image Au Passage Souris Sur
Je précise que je débute et est encore énormément à apprendre. 1 février 2017 à 10:02:05
Loool oui meme quand je survole l'image, j'ai mi le texte en noir pour voir si il se placait pas dans une zone blanche et sur vos lien on le voi mais une foi sur le site... pouf disparition
1 février 2017 à 10:19:50
Est-ce que tu peux nous montrer ou tu insères ton HTML? Afficher texte sur image au passage souris dans. (et ton CSS par la même occasion)
Lorsque tu mets uniquement le HTML le texte est placé où exactement par rapport à l'image? 1 février 2017 à 10:27:26
Alors en faite j'ai un widget special html, c'est donc la que je le l'insère. Pour le css je le met sois dans le custom css sois directement dans le fichier
Je vous fais des screen de mon ipad que je vous post à la suite, ma touche pc est cassé. - Edité par Lasseu69 1 février 2017 à 10:32:54
1 février 2017 à 11:27:29
Merci aux modérateurs! Du coup, si tu copies exactement le HTML et que tu copies exactement le CSS, à la suite du CSS déjà inscrit, dans un premier temps, cela devrait fonctionner.