Menu de navigation fixe avec effet de slide au survol de la souris

:salut:

Je vous propose une traduction de l'article anglophone How To Create A CSS Slide Out Fixed Navigation par Paul Underwood : Menu de navigation fixe avec effet de slide au survol de la souris.

N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations !

:fleche: Menu de navigation fixe avec effet de slide au survol de la souris

:merci:

C'est simple à intégrer, c'est léger et ça rend bien.
J'ai lu par endroit qu'un menu en positionnement fixed posait des problèmes d'accessibilité. Pour un menu latéral comme ici, à part l'absence de alt pour les images, je ne vois pas le problème.

Il y a un petit souci avec la transition sur Firefox, ce sera réglé dès que possible (merci Torgar pour me l'avoir signalé et pour m'avoir fourni le correctif qui va bien :ccool:).

Citation:

---

J'ai lu par endroit qu'un menu en positionnement fixed posait des problèmes d'accessibilité.

---

Si c'est juste du CSS je vois pas trop le problème niveau accessibilité, tu peux toujours l'imbriquer n'importe ou dans le document. Le problème de la position fixed c'est que certains navigateurs mobiles font n'importe quoi dès que tu "scroll "( android par exemple ).
Un bon sujet de tuto pourrait être un menu genre http://arstechnica.com/ qui se modifie à mesure que l'on fait défiler la page.

Internet Explorer 6 ne prend pas en charge la valeur fixed pour le positionnement.

Certes, c'est IE 6, soit moins de 2 % de la population des Internautes, mais ce problème a le mérite d'être soulevé.

Sinon belle traduction article :ccool:

J'aime bien ce genre de menu.

:merci:

Edit: je rajouterai aussi cette entrée de la FAQ pour IE6.