Menu en accordéon

Menu en accordéon - HTML/CSS - Programmation

Marsh Posté le 10-03-2011 à 11:50:30    

Bonjour à tous,
 
Je suis, depuis plusieurs jours, sur un petit script css de menu accordéon.
Il fonctionne bien avec FireFox mais pas avec Ie (version 8).
 
Voici le code css :
 


ul.menu {
 margin: 0;
 padding: 0;
 list-style:none;
 text-align:center;
}
ul.menu li {
 text-decoration:none;
 width: 100%;
 padding: 0px 0px 0px 0px;
 text-align:center;
}
ul.menu li div {
 width: 100%x;
 display:none;
 text-align:center;
}
ul.menu li:hover div {
 width: 100px;
 display:block;
 padding: 0px 0;
 text-align:center;
}


 
Et voici le code html du menu :
 


<table align="center" width="100%" height="1%" border="0">
<colgroup><col width="20%"><col width="60%"><col width="20%"></colgroup>
 
<tr><td style="padding-left:5;" valign="top"><a href="../Administration/Encodage.html" target="Publications" title="Afficher"><img src="FlecheBasGauche.ico" height="18" width="18"></a></td>
<td style="text-align:center;background: white;border-color:black;border-style:solid;border-width:1;"height="1%">
 
<ul class="menu"><li><a href="../Administration/Encodage.html" target="Publications" title="Afficher">Encodage</a>
<div style="width:100%;"><a href="../Administration/Tests/Tests.php" target="Publications" title="Afficher"><img src="FlecheBasGauche.ico" height="15" width="15"></a>Tests</div>
</li></ul>
 
</td></td><td>&nbsp;</td></tr>
 
</table>


 
Je ne suis qu'un amateur en programmation, alors si vous pouviez m'indiquer où se trouve l'erreur ...
Merci d'avance

Reply

Marsh Posté le 10-03-2011 à 11:50:30   

Reply

Marsh Posté le 10-03-2011 à 22:22:56    

En continuant mes investigations, j'ai pu constater que ce qui semblait poser problème est la version du Doctype.
 
Quelqu'un aurait-il une idée ?

Reply

Marsh Posté le 10-03-2011 à 22:37:29    

Je travaillait jusqu'ici avec ce Doctype :
<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
Mais avec ce Doctype, les items du menu accordéon ne s'ouvrent pas.
 
J'ai essayé avec ce Doctype :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Les items de mon menu s'ouvrent correctement, mais les bordures de tableau ont une largeur plus importante qu'avant (trop), et que l'on ne peut modifier.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed