+ Répondre à la discussion Actualité déjà publiée
Affichage des résultats 1 à 5 sur 5
  1. #1
    Expert Confirmé Sénior

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

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

    Informations forums :
    Inscription : mars 2011
    Messages : 3 164
    Points : 23 643
    Points
    23 643

    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.[/SIZE]

  2. #2
    Expert Confirmé Avatar de Muchos
    Homme Profil pro
    Étudiant
    Inscrit en
    décembre 2011
    Messages
    1 586
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Calvados (Basse Normandie)

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

    Informations forums :
    Inscription : décembre 2011
    Messages : 1 586
    Points : 3 452
    Points
    3 452
    Billets dans le blog
    4

    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
    Expert Confirmé Sénior

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

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

    Informations forums :
    Inscription : mars 2011
    Messages : 3 164
    Points : 23 643
    Points
    23 643

    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.[/SIZE]

  4. #4
    Membre Expert
    Inscrit en
    juillet 2010
    Messages
    657
    Détails du profil
    Informations forums :
    Inscription : juillet 2010
    Messages : 657
    Points : 1 136
    Points
    1 136

    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
    Recherche emploi
    Inscrit en
    août 2007
    Messages
    2 338
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Gard (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Recherche emploi

    Informations forums :
    Inscription : août 2007
    Messages : 2 338
    Points : 8 202
    Points
    8 202

    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
  •