Discussion :

[SebastienM]

Bonjour !

Je rencontre quelques difficultés concernant un menu en JS / CSS.
En effet, le menu fonctionne très bien, l'ennui, c'est lorsque l'on utilise les tabulations, les sous-menus ne s'affichent pas...

Voici un extrait du code (je pense la partie la plus importante) :

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
#menuHautGauche li ul {
    position: absolute;
    left: -999em;
    width: 15em; 
	margin-top:0.1em;
}
#menuHautGauche li:hover ul {
    left: auto; 
}
#menuHautGauche li ul {
    left: auto;
}
#menuHautGauche li:hover ul, #menuHautGauche li.sfhover ul {
   left: auto;
}

J'ai donc logiquement essayé d'ajouter :

Code :

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

1
2
3
#menuHautGauche li:focus ul {
    left: auto; 
}

mais cela ne fonctionne pas ...

Merci d'avance de votre aide !!!

[Erwan31]

Bonjour,
la pseudo-classe focus: n'est pas implémenté sur IE6 sur les élément autres que les liens et elle peut être buguée sur IE7 dans certain cas de figure.
D'une manière général ne jamais limiter l'accés au contenu à cause d'un support CSS défectueux ou absent sur certains navigateurs.

[SebastienM]

Merci de ton aide.
du coup je le fais en javascript, mais je continue d'acrire dans ce thread...
Ma question est la suivante : J'utilise les directives onfocus et on blur ; cela fonctionne, le seul problème désormais, c'est que le j'applique une propriété 'left' et du coup, après le onBlur, le javascript ne reprend pas la main dessus :

Code :

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

1
2
3
 
document.write(' onfocus="javascript:document.getElementById(\'menuHautTest'+(i)+'\').style.left=\'auto;\';"');
            document.write(' onblur="javascript:document.getElementById(\'menuHautTest'+(i-1)+'\').style.left=\'-999em;\';"');

En fait, lorsque j'utilise les tabulations, mon menu ne se déroule plus après...
Peut-on mixer ce type d'évènement JS avec les évènements 'hover" du css ?