IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

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


Sujet :

Publications (X)HTML et CSS

  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 374
    Points
    19 374
    Par défaut Menu de navigation fixe avec effet de slide au survol de la souris


    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 !

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

    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  2. #2
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 700
    Points : 3 849
    Points
    3 849
    Billets dans le blog
    6
    Par défaut
    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.

  3. #3
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 374
    Points
    19 374
    Par défaut
    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 ).
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  4. #4
    Membre éprouvé
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    657
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2010
    Messages : 657
    Points : 1 240
    Points
    1 240
    Par défaut
    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.

  5. #5
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Points : 8 084
    Points
    8 084
    Par défaut
    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

    J'aime bien ce genre de menu.



    Edit: je rajouterai aussi cette entrée de la FAQ pour IE6.
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

Discussions similaires

  1. Réponses: 0
    Dernier message: 17/03/2013, 01h03
  2. [CSS 3] Menu de navigation fixe avec effet de slide au survol de la souris
    Par FirePrawn dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 04/10/2012, 13h59
  3. Réponses: 5
    Dernier message: 26/03/2011, 16h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo