Un menu déroulant en CSS3

:salut:

Je vous propose une traduction de l'article anglophone CSS3 dropdown menu publié par Catalin Rosu sur son blog Red Team Design.

Vous pouvez bien entendu faire part de vos remarques, commentaires ou suggestions.

:fleche: Un menu déroulant en CSS3

:merci:

Très sympa.

Un zip en cadeau ?

J'ai considéré qu'il n'y avait pas forcément besoin d'une archive pour cet exemple vu que l'ensemble est disponible sur la démo.
Il suffit d'afficher ou de sauvegarder le code source pour avoir tout à disposition. ;)

Merci, en effet article sympa.

Je me permet de critiquer ton article pour que tu puisse l'améliorer. Tu ne détaille pas assez ton code et tes propos.
Par exemple pour IE ce serait bien de dire en une phrase en quoi "zoom:1" améliore les choses.

Points positifs:
- Qualité.
- Références aux articles connexes.

Par ailleurs je n'avais encore jamais rencontré le sélecteur ":after", ca me sera tres utile.

Merci beaucoup :ccool:

L'article est intéressant.

Néanmoins, je regrette les liens / définitions en anglais. ça aurait été bien d'aller jusqu'au bout des choses et proposer du wiki en français.

En tout cas, merci beaucoup pour cet article, il m'est déjà utile.

Bonjour,

Je le trouve vraiment sympa ce menu déroulant en css.
Néanmoins, je regrette qu'il n'y ait pas de navigation dans le menu au clavier, afin de respecter certaines règles d'accessibilité WCAG définies par le W3C...

Bonjour j'aimerai savoir comment fait-on pour ajouter un autre sous menu :s

Il suffit de regarder le code de l'exemple...
:fleche: http://red-team-design.developpez.co...css3/fichiers/

merci lol dsl je suis un peu bete sur les bord ^^

Bonjour à tous,

Merci pour votre article vraiment super sympa !

Toutefois, pourriez-vous m'aider à mettre en place un menu uniquement linéaire (et non en colonne) pour les éléments de niveau 2, car je n'arrive pas ?

Quels sont les éléments du CSS à modifier ?

En vous remerciant.

Cordialement,
Julien

bonjour

bravo pour cet article :ccool:, j'avais cherché un peu partout et je n'avais rien trouvé qui fonctionne correctement
Votre code à fonctionné du premier coup avec Firefox ou IE de Win7
(d'ailleurs j'ai mis un lien de votre site sur ma Faq ;) )
Par contre ce menu déroulant ne fonctionne pas avec Chrome !!
(d"habitude c'est plutot IE qui me pose de problèmes :lol: )
[edit] et c'est la même chose avec mon mobile!!!! (sous android))

Pas de boite horizontale et le menu s'affiche verticalement
Plutôt gênant :?

Que faut il modifier (si c'est possible) ?
qu'est-ce que j'ai oublié ?
Merci d'avance

ps: je n'y connait presque rien en html :cry:

[edit] bon sans que je change rien Chrome affiche bien ma page d'accueil :roll:
mais pas mon mobile (sous android)!

[edit 2] : y a t il un pilote dans l'avion developpez.com !!!:D

Bon en attendant une éventuelle réponse j'ai modifié ma page en mettant la barre (sidebar) à droite .
Pas grave que le menu vertical de droite s'affiche tout en bas des pages sur un mobile lors d'un zoom.

Par contre je ne suis pas arrivé à créer plusieurs niveaux de sous-menus :?
comme dans ce chapitre
Depuis l'écriture de l'article, le menu déroulant gère maintenant plusieurs niveaux de sous-menus.

:ccool:

Assez fan de ce menu. :D

Il fonctionne parfaitemet, mais il y a un point qui me dérange.

Comme le mentionne le lien d'exemple, http://red-team-design.developpez.co...css3/fichiers/ , je remarque que les intitulés (work, catégories,...) ne sont pas centré dans leur "parties respectives".

Comment faire pour que les intitulés en questions soient centrés (et ceci indépendamment des sous-menus) ?

J'ai déjà tenté bon nombre de possibilités, mais sans succès.

Quelqu'un pour m'éclairer ?

D'avance merci.

Bonne fin de journée.