J'ai besoin d'afficher du texte sur une image de fond et j'aimerais que si l'on clique n'importe où sur l'image ou le texte, alors on se retrouve sur une autre page.

Je dessine mon image sur un div et le texte sur un autre div par dessus:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div style="position:absolute;
            left:50px
            top: 50px;
            width: 100px;
            height: 100px;">
            <img src="image.gif" width=100 height=100>
</div>
<div style="position:absolute;white-space:normal;overflow:hidden;
            left: 50px;
            top: 50px;
            width: 100px;
            height: 100px;">
       Mon texte
</div>
Mais je ne sais pas comment faire pour que si l'utilisateur clique sur le texte ou l'image, alors on suive un lien. Si je mets
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="target.html">Mon Texte</a>
Alors ça marche pour le texte, mais pas pour l'image

J'ai essayé de créer un troisième layer vide par dessus les deux autres et lui donner une handler sur "onclick". Ca marche génial sur Mozilla mais rien sur IE:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div style="position:absolute;'+
          left:50px;
          top:50px;
          width: 100px;
          height:100px;
          z-index: 999998;"
          onclick="javascript:changePage('target.html');">          
</div>
Quelqu'un aurait-il une idée??

D'avance merci