28172 sujets
CSS et mise en forme, CSS3
Salut,
Il est tout à fait possible de réaliser un menu déroulant uniquement en CSS. Cela dit, si l'on n'y prend pas garde, un tel menu posera des problèmes d'accessibilité notamment à ceux qui naviguent au clavier et ne peuvent utiliser une souris (or, un menu déroulant est essentiellement composé d'un effet au survol). Autre écueil : vu qu'un menu déroulant en CSS se base sur l'emploi de la pseudo-classe :hover sur l'élément li (à supposer qu'on utilise des listes imbriquées pour structurer le menu, cela va de soi), il sera inopérant sous IE 6. Et je ne parle pas d'ergonomie, surtout quand on en vient à concevoir trois niveaux pour le menu... Bref, de quoi comprendre pourquoi les menus affichés au survol font plus de mal que de bien aux utilisateurs.
Modifié par Victor BRITO (10 Oct 2011 - 16:29)
Il est tout à fait possible de réaliser un menu déroulant uniquement en CSS. Cela dit, si l'on n'y prend pas garde, un tel menu posera des problèmes d'accessibilité notamment à ceux qui naviguent au clavier et ne peuvent utiliser une souris (or, un menu déroulant est essentiellement composé d'un effet au survol). Autre écueil : vu qu'un menu déroulant en CSS se base sur l'emploi de la pseudo-classe :hover sur l'élément li (à supposer qu'on utilise des listes imbriquées pour structurer le menu, cela va de soi), il sera inopérant sous IE 6. Et je ne parle pas d'ergonomie, surtout quand on en vient à concevoir trois niveaux pour le menu... Bref, de quoi comprendre pourquoi les menus affichés au survol font plus de mal que de bien aux utilisateurs.
Modifié par Victor BRITO (10 Oct 2011 - 16:29)
Bonjour,
Si l'anglais ne t'effraie pas autant que le javascript, essaie cette adresse: http://www.cssplay.co.uk/menus/
Je partage évidemment les mises en garde de Laurie-Anne et de Victor BRITO à l'encontre de ce type de menu au niveau 'accessibilité'. D'ailleurs, pour t'en convaincre, il te suffit de débrancher ta souris (ou ta plage tactile selon le cas) et d'essayer de te servir d'un tel menu ...
Cordialement
Si l'anglais ne t'effraie pas autant que le javascript, essaie cette adresse: http://www.cssplay.co.uk/menus/
Je partage évidemment les mises en garde de Laurie-Anne et de Victor BRITO à l'encontre de ce type de menu au niveau 'accessibilité'. D'ailleurs, pour t'en convaincre, il te suffit de débrancher ta souris (ou ta plage tactile selon le cas) et d'essayer de te servir d'un tel menu ...
Cordialement
Bonjour,
Les menus déroulant "caymal" par définition (cf Victor Brito et Laurie-Anne), en plus à 3 niveaux :-P
En full CSS on te dira pas comment faire
Avec Javascript çà existe. Par exemple Juiz DropdownMenu ou Suckerfish pour jQuery. Deux scripts jQuery qui demandent de savoir insérer jQuery dans une page html et pouvoir modifier le menu et connaitre css pour en changer l'apparence.
stephcache a écrit :
oui mais tout sa me dit pas ou trouvé comment faire
Les menus déroulant "caymal" par définition (cf Victor Brito et Laurie-Anne), en plus à 3 niveaux :-P
En full CSS on te dira pas comment faire
Avec Javascript çà existe. Par exemple Juiz DropdownMenu ou Suckerfish pour jQuery. Deux scripts jQuery qui demandent de savoir insérer jQuery dans une page html et pouvoir modifier le menu et connaitre css pour en changer l'apparence.
Pas mieux que les autres sur les problèmes ergonomiques et d'accessibilité des menus déroulants, à plus forte raison ceux reposant uniquement sur CSS (et je ne sais plus si on a mentionné l'utilisation de tels menus sur des écrans tactiles...).
Comme tu viens de te mettre à la conception web je te propose de travailler sur cet axe: travailler sur la partie édition de ton site web, en faisant des choix de structure des contenus, de discours (est-ce qu'on balance 50 pages avec une structure complexe, ou bien on va à l'essentiel?), etc., en visant la simplicité. Après quoi, tu devrais pouvoir proposer aux visiteurs un menu simple ne requérant pas des machins à trois niveaux.
Comment faire: faire simple, sans menu déroulant.
Réaliser que ton idée de menu déroulant est en réalité une mauvaise solution (pour les raisons évoquées ci-dessus) à un vrai problème: un contenu structuré de manière trop complexe (et/ou trop profonde).
Modifié par fvsch (11 Oct 2011 - 10:26)
stephcache a écrit :
Pourquoi pas de JavaScript c'est tout simplement que je connais pas le langage et comme je viens seulement de me mettre au css pas tout en même temps.
Comme tu viens de te mettre à la conception web je te propose de travailler sur cet axe: travailler sur la partie édition de ton site web, en faisant des choix de structure des contenus, de discours (est-ce qu'on balance 50 pages avec une structure complexe, ou bien on va à l'essentiel?), etc., en visant la simplicité. Après quoi, tu devrais pouvoir proposer aux visiteurs un menu simple ne requérant pas des machins à trois niveaux.
stephcache a écrit :
oui mais tout sa me dit pas ou trouvé comment faire
Comment faire: faire simple, sans menu déroulant.
Réaliser que ton idée de menu déroulant est en réalité une mauvaise solution (pour les raisons évoquées ci-dessus) à un vrai problème: un contenu structuré de manière trop complexe (et/ou trop profonde).
Modifié par fvsch (11 Oct 2011 - 10:26)