Bonjour, j'ai réussi à faire un menu déroulant en CSS sans javascript et j'ai un petit soucis de compatibilité.
Dans firefox la barre se déroule correctement mais sous internet explorer il ne se passe rien ça va faire quelque temps que je suis dessus
Code de ma page index.php :
Code :
- <html>
- <head>
- <title>Association - L'Hydre O'Mel</title>
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
- <meta name="robots" content="all" />
- <link rel="stylesheet" type="text/css" href="form.css" title="default" media="screen" />
- <link rel="shortcut icon" href="/favicon.ico" type="image/ico" />
- </head>
- <body>
- <center>
- <table id="Tableau_01" width="1024" height="819" border="0" cellpadding="0" cellspacing="0">
- <tr>
- <td colspan="5"><img src="images/index_01.jpg" width="1024" height="149" alt=""></td>
- </tr>
-
- <tr>
- <td colspan="3"><img src="images/index_02.jpg" width="205" height="86" alt=""></td>
- <td rowspan="3"><div class="conteneur"></div></td>
- <td rowspan="3"><img src="images/index_04.jpg" width="204" height="670" alt=""></td>
- </tr>
-
- <tr>
- <td rowspan="2"><img src="images/index_05.jpg" width="12" height="584" alt=""></td>
- <td>
- <div class="conteneur_menu">
- <div class="menu"> <?php include('menu.html') ?> </div>
- </div>
- </td>
- <td rowspan="2"><img src="images/index_07.jpg" width="13" height="584" alt=""></td>
- </tr>
- <tr>
- <td><img src="images/index_08.jpg" width="180" height="11" alt=""></td>
- </tr>
-
- </table>
- </center>
- </body>
- </html>
|
Code de ma page menu.html :
Code :
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
- <meta name="robots" content="all" />
- <link rel="stylesheet" type="text/css" href="form.css" title="default" media="screen" />
- <link rel="shortcut icon" href="/favicon.ico" type="image/ico" />
- </head>
- <body>
- <center>
- <ul id="menuDeroulant">
- <li><a href="index.php">Accueil</a></li>
- <li><a href="news.php">News</a></li>
- <li><a href="forum/">Forum</a></li>
- <li><a href="#">Activités</a>
- <ul class="sousMenu">
- <li><a href="warhammer-40k.php">Warhammer 40.000</a></li>
- <li><a href="warhammer-battle.php">Warhammer Batle</a></li>
- <li><a href="infinity.php">Infinity</a></li>
- <li><a href="jdr.php">Jeux de Rôles</a></li>
- <li><a href="poker.php">Poker</a></li>
- <li><a href="magic.php">Magic l'Assemblée</a></li>
- <li><a href="lan.php">Jeux en Réseau</a></li>
- </ul>
- </li>
- <li><a href="plan.php">Plan</a></li>
- <li><a href="contact.php">Contact</a></li>
- <li><a href="photos.php">Photos</a></li>
- </ul>
- </center>
- </body>
- </html>
|
Code de mon form.css :
Voila quelqu'un aurait il une idée s'il vous plait, sans rajouté de javascript si possible.
Merci d'avance