28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je débute en CSS et j'aimerai faire une image map très simple :
sur certaines zones reactives, au survol, un texte descriptif apparait mais pas sur l'image mais à cote de l'image.
En gros, sur une page HTML, j'ai une image qui occupe les 2/3 de l'espace, le dernier espace est reservé à l'affichage du texte.

Merci d'avance pour votre aide
Bonjour,

L'affichage du texte sera géré en JavaScript. S'il s'agit d'un texte simple (chaine de caractères sans balisage HTML), tu peux le placer comme valeur de l'attribut alt de chaque élément AREA de l'image map. En JavaScript, tu pourras récupérer la valeur de cet attribut lors du survol, et la placer comme contenu d'un bloc vide préparé à l'avance dans ton code HTML (et mise en forme en CSS).

Si le contenu texte à afficher est plus long et comporte un balisage HTML, il faudra envisager une solution un peu différente, mais également avec du JavaScript qui va bien.