2009-08-28 10 views
0

Je veux savoir s'il est possible, avec du html et du css purs (pas de javascript, htc, ...), de créer un menu qui ait une sorte d'effet de liste déroulante pour les sous-items . Il ne doit pas glisser ou quoi que ce soit (je sais que c'est impossible), il suffit de montrer en vol stationnaire.Menu avec des sous-niveaux en survolant avec CSS seulement

Modifier: Il doit fonctionner dans IE.

Merci!

+0

Avez-vous essayé de le googler? – n1313

+0

C'est possible si vous ne vous souciez pas de l'IE, et que vous ne vous souciez pas d'introduire des problèmes d'accessibilité pour les personnes ayant des handicaps moteurs (comme l'arthrite peut présenter) et que vous ne voulez pas rendre les sous-menus inaccessibles aux personnes n'utilisez pas de périphérique de pointage. c'est une très mauvaise idée. – Quentin

+0

J'ai essayé de googler, mais je n'ai trouvé aucun exemple de descente. Je ne veux pas utiliser javascript car les sous-menus ne sont affichés nulle part ailleurs. Les personnes qui n'ont pas javascript ne pourront pas les voir ensuite. – Peter

Répondre

0

S'il vous plaît jeter un oeil à ce pur créateur de menu css: purecssmenu.com

+0

c'est génial! merci, exactement ce que je cherchais et plus encore! – Peter

+0

N'est-il pas basé sur JavaScript? – rahul

+0

En téléchargé et il vous donne un fichier zip avec un code HTML et quelques images. Le fichier html ne contient que html et css, pas de javascript à trouver! De plus, il fonctionne très bien dans IE8, ne sais pas à propos de IE6. Quelqu'un veut-il tester? – Peter

1
+2

Pourquoi je ne veux pas de Javascript? Parce que je veux que le site web atteigne autant de personnes que possible. + -5% des utilisateurs sur Internet ont désactivé javascript ou utilisent des navigateurs qui ne le supportent pas. – Peter

0

J'ai abordé ce deux ou trois fois .. Je voulais CSS pur et qui a été pondus à l'aide d'UL et de Li. Cela m'a pris du temps et beaucoup de lecture et j'ai fini par écrire le mien en me basant sur la source de beaucoup d'autres. Malheureusement, je devais assurer qu'il a travaillé dans IE6 et ..

Ce site a beaucoup de bons exemples: CSSPlay

De plus, vous pouvez regarder la source de celui-ci: CSS Menus

Mine a fini par être une combinaison de plusieurs.