[CSS] lien dans un div avec superposition d'image

Version imprimable

Bonjour,

j'ai donc un petit probleme : jai une premiere image définie de cette façon
Code:

1 2 3 4 5 6 div#map { background-image: url(../images_regions/67%2068%20ALSACE.jpg); background-repeat: no-repeat; height: 600px; width: 403px; }
Et d'autres images se metent sur celle-ci, le probleme c'est que les petites images qui doivent se mettre dessus doivent également avoir un lien, elles sont définie comme ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 div#armoire1 { background-image: url(../images_regions/armoire.gif); left: 0px; top: 165px; } div#armoire1, div#armoire2, div#armoire3 { background-repeat: no-repeat; position: relative; height: 23; width: 23; }
Je ne sais pas ou mettre le lien, faire de cette façon ne marche pas : <a href....><div id="armoire1"> </div></a> il y a des problèmes...

Dans l'html ça ressemble a ça :
Code:

1 2 3 4 5 6 <div id="map"> <div id="armoire1"> <a href="../robots/alsace_strasbourg.htm" target="droite">Strasbourg</a></div> </div>
Auriez vous une idée?

26/07/2006, 09h33
mymyma

Quels problèmes ?

C'est dure de t'aider si tu nous dis pas quels sont tes problèmes !!

pourquoi pas quelquechose comme ca

Code:

1
2
3
4
<div id="map">
<a id="armoire1" href="../robots/alsace_strasbourg.htm"
 target="droite">Strasbourg</a>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
#armoire1 {
    background-image:  url(../images_regions/armoire.gif);
    left: 0px;
    top: 165px;
}

#armoire1, #armoire2, #armoire3 {
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 23px;
  width: 23px;
}

Citation:

Envoyé par masu

pourquoi pas quelquechose comme ca

Code:

1
2
3
4
<div id="map">
<a id="armoire1" href="../robots/alsace_strasbourg.htm"
 target="droite">Strasbourg</a>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
#armoire1 {
    background-image:  url(../images_regions/armoire.gif);
    left: 0px;
    top: 165px;
}

#armoire1, #armoire2, #armoire3 {
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 23px;
  width: 23px;
}

vie parfais jy avait pas pensé comme ça :) merci ...