Mappage image : faire apparaître texte au passage de la souris
Ripley69
Messages postés
40
Date d'inscription
Statut
Membre
Dernière intervention
-
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de créer des images mappées en HTML, pour les intégrer ensuite dans une galerie sous WP. Je travaille pour l'instant en local avec MAMP.
Je cherche à faire en sorte que les zones mappées de mes images ne renvoient pas (ou pas forcément) vers d'autres pages, mais fassent apparaître un texte explicatif lors du passage de la souris (ou en cliquant). Je précise que ce texte explicatif doit être assez long, dans les 2500 caractères, je ne peux donc pas me contenter des quelques 5 à 10 secondes de la balise <title>. Comment faire ?
Autre question (très très stupide cette fois, je l'admets), mais ce sont mes grands débuts en HTML : je crée mon code dans une page TextEdit, comment obtient-on le retrait des lignes qui sert de hiérarchisation ? J'utilise la touche de tabulation, je ne sais pas si c'est ce qu'il faut...
Merci d'avance de vos réponses !
Je suis en train de créer des images mappées en HTML, pour les intégrer ensuite dans une galerie sous WP. Je travaille pour l'instant en local avec MAMP.
Je cherche à faire en sorte que les zones mappées de mes images ne renvoient pas (ou pas forcément) vers d'autres pages, mais fassent apparaître un texte explicatif lors du passage de la souris (ou en cliquant). Je précise que ce texte explicatif doit être assez long, dans les 2500 caractères, je ne peux donc pas me contenter des quelques 5 à 10 secondes de la balise <title>. Comment faire ?
Autre question (très très stupide cette fois, je l'admets), mais ce sont mes grands débuts en HTML : je crée mon code dans une page TextEdit, comment obtient-on le retrait des lignes qui sert de hiérarchisation ? J'utilise la touche de tabulation, je ne sais pas si c'est ce qu'il faut...
Merci d'avance de vos réponses !
A voir également:
- Mappage image : faire apparaître texte au passage de la souris
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
2 réponses
Salut,
Plusieurs solutions possibles en utilisant le css et/ou javascript. En css on puet utiliser la pseudo classe :hover pour afficher une div (propriété display) au passage de la souris. En css on peut utiliser l'événement onmouseover pour réaliser la même chose.
Où souhaites tu faire apparaitre le texte au passage de la souris ?
Peux tu également nous montrer un extrait de ton code ?
La hiérarchisation des lignes se nomme l'indentation et est seulement utile à la relecture du code. Dans un éditeur de texte classique tu dois effectivement faire cette indentation à la main via des tabulations ou des espaces.
En utilisant un IDE, ceux-ci permettent d'indenter automatiquement ton code via un raccourci clavier.
Bonne journée
Plusieurs solutions possibles en utilisant le css et/ou javascript. En css on puet utiliser la pseudo classe :hover pour afficher une div (propriété display) au passage de la souris. En css on peut utiliser l'événement onmouseover pour réaliser la même chose.
Où souhaites tu faire apparaitre le texte au passage de la souris ?
Peux tu également nous montrer un extrait de ton code ?
La hiérarchisation des lignes se nomme l'indentation et est seulement utile à la relecture du code. Dans un éditeur de texte classique tu dois effectivement faire cette indentation à la main via des tabulations ou des espaces.
En utilisant un IDE, ceux-ci permettent d'indenter automatiquement ton code via un raccourci clavier.
Bonne journée