Bonjour,

j'ai un bouton où j'ai 2 images survolées couplées à un usemap.

le code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<table id="Tableau_01" width="660" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5">
			<img id="bouton_menu_ttq_01" src="images/bouton_menu_ttq_01.png" width="660" height="74" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img id="bouton_menu_ttq_02" src="images/bouton_menu_ttq_02.png" width="64" height="46" alt="" /></td>
		<td>
			<img id="bouton_menu_ttq_03" src="images/bouton_menu_ttq_03.png" onmouseover="this.src='images/bouton_menu_ttq_03_S.png'" onmouseout ="this.src='images/bouton_menu_ttq_03.png'" usemap="#bt_partants" border="0" width="209" height="46" alt="" /></td>
		<td>
			<img id="bouton_menu_ttq_04" src="images/bouton_menu_ttq_04.png" width="128" height="46" alt="" /></td>
		<td>
			<img id="bouton_menu_ttq_05" src="images/bouton_menu_ttq_05.png" onmouseover="this.src='images/bouton_menu_ttq_05_S.png'" onmouseout ="this.src='images/bouton_menu_ttq_05.png'" usemap="#bt_rapports" border="0" width="168" height="46" alt="" /></td>
		<td>
			<img id="bouton_menu_ttq_06" src="images/bouton_menu_ttq_06.png" width="91" height="46" alt="" /></td>
	</tr>
	<tr>
		<td colspan="5">
			<img id="bouton_menu_ttq_07" src="images/bouton_menu_ttq_07.png" width="660" height="30" alt="" /></td>
	</tr>
</table>
 
	<map name="bt_partants"> 
		<area shape="rect" coords= "1,1,209,46" href="partants.php" title="Afficher la liste des partants du TQQ+" alt="Afficher la liste des partants du TQQ+"/>
	</map>
	<map name="bt_rapports"> 
		<area shape="rect" coords= "1,1,168,46" href="rapports.php" title="Afficher les rapports des TQQ+" alt="Afficher les rapports des TQQ+"/>
	</map>
Cela fonction correctement sous IE mais pas sous firefox.
Si je supprime Usemap, les images survolées s'affichent.

Je ne vois pas ce qui cloche. Quelqu'un a une petite d'idée ?

Merci de votre aide.