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) :
Qqes infos supplémentaires:
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>
- 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:
mais, naturellement, j'ai besoin de ce code.
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>
Dans la CSS :
Pour mémoire, tout fonctionne avec IE7.
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; }
Merci par avance de votre aide.
Francois
Partager