Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2681 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Menu en accordéon

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Menu en accordéon

n°2062224
Christiand​eGranville
Posté le 10-03-2011 à 11:50:30  profilanswer
 

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

mood
Publicité
Posté le 10-03-2011 à 11:50:30  profilanswer
 

n°2062394
Christiand​eGranville
Posté le 10-03-2011 à 22:22:56  profilanswer
 

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 ?

n°2062395
Christiand​eGranville
Posté le 10-03-2011 à 22:37:29  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Menu en accordéon

 

Sujets relatifs
Aide menu + couleur[RCH] script menu de la semaine
Problème de marge et de trait dans menuProbleme menu deroulant
[MS-DOS ] menu démarrage ?Bloquer le menu lors du changement de page
Menu spry sous dreamweaverMaintenir ouvert un menu accordeon
Question menu accordeon JqueryMenu accordéon Spry ne fonctionne pas sous Firefox
Plus de sujets relatifs à : Menu en accordéon


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR