[Résolu] Afficher une légende sous une photo

Bonjour à tous
Je reviens vers vous pour une question concernant une légende qui doit s'afficher et rester sous une photo lors du passage de la souris sur un mot. Pour clarifier ma demande vous pouvez vous rendre ici : http://www.philipperaguenot.com/us/p_histoire_us.htm et passer la souris sur Emmanuelle.
La photo qui s'affiche (et qui reste même quand la souris se déplace) contient la légende ce qui ne me convient pas. Je voudrais que la légende se place sous la photo ( span ?) y reste, et puisse être balisée en css.
Voici une partie du code qui me permet, pour l'instant, d'afficher une image.

<p>In 1997 their two <a href="#" onmouseover="document.getElementById('image').src='../images/mariepierre_manu.jpg'; " alt="">daughters</a>, <a href="#" onmouseover="document.getElementById('image').src='../images/mariepierre_eric.png'; " alt="">Marie-Pierre</a> and <a href="#" onmouseover="document.getElementById('image').src='../images/manu_daren.png'; " alt="">Emmanuelle</a>, took over the property with their respective husbands to assure the future of these exceptional Bordeaux wines.</p>

Merci pour vos réponses.
Modifié par vil coyote (28 Oct 2010 - 21:20)

Tu pourrais utiliser la balise "code" pour ton code...

Pour ton problème, tu devrais commencer par intégrer en html+css ta mise en page de photo.
Un bloc (paragraphe par exemple) contenant une image et la légende placée en dessous de l'image avec un simple <br />.

Ensuite ton javascript rend visible le bloc.


Si c'est OK pour toi n'oublie pas d'éditer ton titre en résolu.

h+

Bonjour hitzerod,

Désolé du retard pour répondre, (journée chargée)

Je te remercie pour cette idée, je vais modifier ma page pour essayer ta proposition.

Ne t'inquiète pas, si ça fonctionne je clos en résolu.

A+