Publicité
+ Répondre à la discussion Actualité déjà publiée
Affichage des résultats 1 à 5 sur 5
  1. #1
    Responsable Développement Web

    Avatar de FirePrawn
    Homme Profil pro Sébastien Germez
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 141
    Détails du profil
    Informations personnelles :
    Nom : Homme Sébastien Germez
    Âge : 26
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur réalisateur
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2011
    Messages : 3 141
    Points : 22 085
    Points
    22 085

    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

    Vous souhaitez participer à la rubrique Développement Web, contactez-moi !
    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
    Expert Confirmé Avatar de Muchos
    Homme Profil pro Jonathan Renoult
    Étudiant
    Inscrit en
    décembre 2011
    Messages
    1 501
    Détails du profil
    Informations personnelles :
    Nom : Homme Jonathan Renoult
    Âge : 28
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : décembre 2011
    Messages : 1 501
    Points : 3 138
    Points
    3 138

    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.

    Pensons aux balises [CODE][/CODE] — Team #MrGreen
    ---
    Debug the Web together!

  3. #3
    Responsable Développement Web

    Avatar de FirePrawn
    Homme Profil pro Sébastien Germez
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 141
    Détails du profil
    Informations personnelles :
    Nom : Homme Sébastien Germez
    Âge : 26
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur réalisateur
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2011
    Messages : 3 141
    Points : 22 085
    Points
    22 085

    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 ).
    Vous souhaitez participer à la rubrique Développement Web, contactez-moi !
    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 Expert
    Inscrit en
    juillet 2010
    Messages
    657
    Détails du profil
    Informations forums :
    Inscription : juillet 2010
    Messages : 657
    Points : 1 012
    Points
    1 012

    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/Modérateur

    Avatar de Torgar
    Homme Profil pro Jérémy .B.
    Recherche emploi
    Inscrit en
    août 2007
    Messages
    2 338
    Détails du profil
    Informations personnelles :
    Nom : Homme Jérémy .B.
    Âge : 28
    Localisation : France, Gard (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Recherche emploi

    Informations forums :
    Inscription : août 2007
    Messages : 2 338
    Points : 7 874
    Points
    7 874

    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

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •