Bonjour

J’ai une page qui affiche 15 boutons :
• Avec IE7, le clic sur tous ces boutons fonctionne, le hover aussi (la couleur change)
• Avec Firefox, pour les boutons de la première ligne, le clic et le hover ne fonctionnent pas

Voici la table avec un seul bouton (il se ressemblent tous) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<table border="0" cellpadding="3" cellspacing="3" align="center" width="100%">
<tr>
<td align="center" width="25%"><button type="button" onclick="document.location.href='../messagerie.php?repertoire=martinot'" class="bouton3_bleu1bleu2">La<br>messagerie</button></td>
…
</tr>
</table>
Qqes infos supplémentaires:
- après avoir passé un des boutons de la première ligne à la seconde, il fonctionne
- sur une autre page, toujours avec FF, j'ai le même problème des boutons de la première ligne qui ne fonctionnent pas
- quand j'enlève cet autre morceau de code qui se trouve avant la table aux boutons, ça marche avec Firefox:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<div id="menu">
<dl>
<dt onmouseover="java script:montre('smenu1');">Gestion</dt> 
<dd id="smenu1" onmouseover="java script:montre('smenu1');" onmouseout="java script:montre('');">
<ul>
    <li><a href="espace_commun.php"  >Espaces communs</a></li>
</ul>
</dd>
</dl>
</div>
mais, naturellement, j'ai besoin de ce code.

Dans la CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }
#menu { position: absolute; left: <?=$decalage1?>px; z-index:10; width: 100%; }
#menu dl { float: left; width: <?=$marge1?>px; }
#menu dt { cursor: pointer; text-align: center; font-weight: bold; color: <?=$bleu?>; background: <?=$gris?>; border: 1px solid gray; margin: 1px; }
#menu dd { display: none; border: 1px solid gray; margin: 1px; }
Pour mémoire, tout fonctionne avec IE7.

Merci par avance de votre aide.

Francois