Mariage d'un DIV et d'une MAP

Version imprimable

Bonjour,

j'ai deux images affichées l'une sur l'autre grace a des DIV.
J'ai voulu mettre une MAP sur la deuxieme image (le dernier calque du dessus), mais la MAP n'est pas recconnu.
Voila mon script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div style="position:relative; width:770px; margin-left: auto; margin-right: auto; ">
<div id="CalcChat" style="position:absolute; left:0px; top:0px; width:770px; height:157px; z-index:1"><img src="commun/template01.gif" width="770" height="157" ></div> 
<div id="CalcCoeur" style="position:absolute; left:0px; top:0px; width:770px; height:157px; z-index:2">
<img src="commun/calqueboutons.gif" width="770" height="157" border="0" USEMAP="#menub">
<MAP NAME="menub" > 
<AREA SHAPE="rect" COORDS="247,125,323,125" HREF="" ALT="Favoris">
<AREA SHAPE="rect" COORDS="333,125,411,125" HREF="index.php?page=contact" ALT="Contact">
<AREA SHAPE="rect" COORDS="417,125,501,125" HREF="index.php?page=newsletter" ALT="Newsletter">
<AREA SHAPE="rect" COORDS="509,125,586,125" HREF="index.php?page=sondage" ALT="Sondage">
<AREA SHAPE="rect" COORDS="594,125,678,125" HREF="index.php?page=invitation" ALT="Invitation">
<AREA SHAPE="rect" COORDS="695,125,760,125" HREF="index.php?page=meteo_des_courses" ALT="Météo">
</MAP> 
</div>

merci pour votre aide car je rame depuis 3 jours.

:salut:
Bien sur que si ça marche regarde :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div style="position:relative; width:770px; margin-left: auto; margin-right: auto; ">
<div id="CalcChat" style="position:absolute; left:0px; top:0px; width:770px; height:157px; z-index:1">
<img src="commun/template01.gif" width="770" height="157" /></div> 
<div id="CalcCoeur" style="position:absolute; left:0px; top:0px; width:770px; height:157px; z-index:2">
<img src="commun/calqueboutons.gif" width="770" height="157" border="0" usemap="#menub" />
<MAP NAME="menub" > 
  <AREA SHAPE="rect" COORDS="0,0,770,157" HREF="http://www.ohhla.com" ALT="Favoris" />
  <AREA SHAPE="rect" COORDS="333,125,411,125" HREF="index.php?page=contact" ALT="Contact" />
  <AREA SHAPE="rect" COORDS="417,125,501,125" HREF="index.php?page=newsletter" ALT="Newsletter" />
  <AREA SHAPE="rect" COORDS="509,125,586,125" HREF="index.php?page=sondage" ALT="Sondage" />
  <AREA SHAPE="rect" COORDS="594,125,678,125" HREF="index.php?page=invitation" ALT="Invitation" />
  <AREA SHAPE="rect" COORDS="695,125,760,125" HREF="index.php?page=meteo_des_courses" ALT="Météo" />
</MAP>

j'ai créé une area qui fait toute l'image est tu es bien redirigé, c'est juste que les areas que tu as créé sont peut-être trop petites.

18/06/2007, 18h12
krapoulos

Re

Désolé mais cela ne fonctionne pas

J'ai un logo 'template01' de 770*157
http://www.turfpronos.com/test/commun/template01.gif

j'ai un 'calqueboutons' de 770*157
http://www.turfpronos.com/test/commun/calqueboutons.gif

et grace au DIV j'ai une bannière logo finale
http://www.turfpronos.com/test/commun/template05.gif

et le maparea servira pour le redirection lors du clique

Mais la cela ne fonctionne pas j'ai
http://www.turfpronos.com/test/commun/template05.gif

et les MAPAREA ne sont recconu.

Merci pour votre aide
18/06/2007, 19h11
krapoulos

Re

Merci trotters213,

je suis vraiment une b...
je viens de comprendre mon erreur --- kel c.. ke je suis8O 8O 8O

<AREA SHAPE="rect" COORDS="333,125,411,125" HREF="index.php?page=contact"

une Map de 0 pixel de haut mais kel c..

Excuse et merci pour ta réponse

:king: