Je réalise un menu, sous forme de liens, qui fait apparaitre deux autres liens par sous-menus.
Les liens des sous-menus font apparaitre une table.
Pour cela j'utilise javascript et CSS dans mon XHTML 1.0
Tout fonctionne bien partout (Linux: Firefox, Opera, Konqueror, Netscape; Mac: Safari, Firefox, Opera; Win: Firefox, Opera, Netscape, Safari)
sauf avec Internet Explorer où les sous-menus n'apparaissent pas mais leurs emplacements oui.
Voici ce que j'utilise:
CODE
if(element_styleA) {
if (element_styleA.visibility == 'hidden') {
element_styleA.visibility='visible';
element_styleA.display=''; // to get browser default ?
element_styleA.position='relative';
} else {
element_styleA.visibility='hidden';
element_styleA.display='none';
element_styleA.position='absolute';
}
}
if (element_styleA.visibility == 'hidden') {
element_styleA.visibility='visible';
element_styleA.display=''; // to get browser default ?
element_styleA.position='relative';
} else {
element_styleA.visibility='hidden';
element_styleA.display='none';
element_styleA.position='absolute';
}
}
Voici la structure de l'ensemble:
CODE
<div>
<table lien1>
<div>
<table sous-lien1>
<table choix-final>
</table>
</table>
<table sous-lien2>
...
</div>
</table>
<table lien2>
...
<div>
<table lien1>
<div>
<table sous-lien1>
<table choix-final>
</table>
</table>
<table sous-lien2>
...
</div>
</table>
<table lien2>
...
<div>
Y a-t-il un mix des CSS display, position et visibility qui fonctionne sous tous les navigateurs ?
Merci