Discussion :

[eagle83]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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.

[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.

[eagle83]

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

[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".

[Macmillenium]

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

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

[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