Probleme dans la navigation de menu deroulant

Version imprimable

bonjour à tous
j'ai un problème au niveau de ma liste déroulante lorsque j'ai essayé de naviguer par tabulation ,il ne marche pas pour les sous menu(2 niveau) j'ai essayer de faire la tabulation mais je peux pas résoudre ce probléme
code css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
#barremenu
{height:34px;/*border:0.1em black solid*/;margin:0em 0.3em 0.3em 0em;}
div#barremenu a {color:#000000;}
div#barremenu ul {padding: 0; margin:0px; background: white; text-align:center;}
/*div#menu li {background:#CCCCCC}*/
div#barremenu li:hover {background: #EDD;}
div#barremenu li.sousmenu:hover {background: #EBB;}
 
div#barremenu ul li {position:relative; list-style: none; float:left; border-right:1px solid white;background:#CCC;}
div#barremenu ul ul li a{width:250px;}
div#barremenu ul ul {position: absolute;display:none; width:100px}
div#barremenu li a {text-decoration: none; padding: 4px 4px 4px 4px; display:block;width:auto}
div#barremenu ul.niveau1 li.sousmenu:hover ul.niveau2,div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#barremenu ul.niveau3 {top:-1px; left: 100px;}
div#barremenu ul.niveau3 li { background: #99CCCC}
div#barremenu ul.niveau3 li:hover { background: #99CC00}

code html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="barremenu" class="imagebarremenu"> 
<ul  class="niveau1">
 <li><a href="sommesnous.php"> Qui sommes nous ? </a></li>
<li><a href="Nospartenaires.php"  >Nos partenaires</a></li>
<li class="sousmenu"><a href="" >Les prestations </a>
<ul class="niveau2">
<li><a href="rdinno.php"  >la R&amp;D et Innovation</a></li>
<li><a href="centre.php"  >le Centre de formation &aacute; la conduite</a></li>
<li><a href="observatoire.php"  >l&acute;observatoire des produits et services</a></li>
</ul></li>
 <li><a href="" >l&acute;&eacute;quipe de </a></li>
</ul>
</div>

27/08/2009, 06h09
Damouille

C'est normal. T'es sous menus sont en display: none. Le navigateur ne peut pas switcher sur un element qui n'est pas affiche.
27/08/2009, 10h09
Macmillenium

Bonjour,

Il faut passer par JavaScript si tu veux faire un menu dynamique accessible.

Le changement de style se déclenche dans les deux évènements onfocus (uniquement pour l'élément A et éléments de formulaire) et onmouseover.
27/08/2009, 12h49
eagle83

oui mais si le navigateur ne support pas javascript ou il est désactivé le menu ne peut pas afficher ??:ccool:
27/08/2009, 13h35
cssman

si le js est bien fait : si. C'est une surcouche pour améliorer l'accessibilité (la navigation clavier).
Bien évidemment, si pas de js, navigation clavier limitée. Il faut donc mettre un vrai lien aux "prestations".
27/08/2009, 13h57
Macmillenium

Citation:

Envoyé par eagle83

oui mais si le navigateur ne support pas javascript ou il est désactivé le menu ne peut pas afficher ??:ccool:

Citation:

Envoyé par cssman

Bien évidemment, si pas de js, navigation clavier limitée. Il faut donc mettre un vrai lien aux "prestations".

Les propriétés position et visibility sont attribuées via la même fonction JS.
Donc sans JS, le menu reste ouvert :)
28/08/2009, 08h32
eagle83

est ce qu'il y a quelqu'un peut m'aider pour faire un menu déroulant accessible avec la facilité de navigation avec tabulation parce que j'ai perdu :D:D:D:D:D