[Question] Besoin d'une astuce en CSS (est-ce possible?)

Bonjour tout le monde,

Je rejoint la communauté de MODx en français! J’aurais besoin d’une petite ligne directrice si c’est possible de faire ce que j’ai en tête. Je veux utiliser le [[DropMenu]] pour générer un menu horizontal. Jusque là, pas de problème. Seulement, je voudrais avoir seulement le premier niveau dans une ligne et afficher les UL des niveaux inférieurs pour faire un genre de pop-up.

Je sais que j’aurais juste à ajouter :



pour faire disparaitre les sous-niveaux. seulement, comment faire pour les faire réaparaître au bon momet... Est-ce possible d’y pavenir seulement par le CSS ?

Merci d’avance,

Blaise

Salut,

C’est du menu dynamique et c’est pas très évident et il te faudra du javascript

regarde :

http://dosimple.ch/articles/Menus-dynamiques/
http://css.maxdesign.com.au/listamatic/

Aour

Je ne suis pas sûr de comprendre parfaitement ce que tu veux faire, et personnellement je n’ai pas encore utilisé [[DropMenu]] mais si tu parle d’un menu déroulant, tu n’as pas besoin de javascript, CSS doit suffire

Un bon tutoriel d’Alsacreations sur la question

Re

@davidm : Je suis désolé mais il y a du javascript dans le menu déroulant de Alsacréation :



Désolé

Aour

Autant pour moi, je croyai qu’Alsacréation était rédigé par des puristes du CSS... et comme mes références perso sont in english, j’ai essayé de fournir une réféfence francophone...

Il faut croire qu’il faut traverser la manche pour avoir les dernières techniques

Eric Meyer explique bien comment créer un menu CSS pur (sans javascript, et c’est la technique que j’utilise depuis plus d’un an...) :
http://www.meyerweb.com/eric/css/edge/menus/demo.html

D’ac je regarde! Merci bien! Pour l’anglais, c’est pas un problème, en fait je fait tout en anglais sur le net, sauf que cette fois, malgré que mes premières interventions sur les forums de MODx aient été en anglais, j’ai décidé de m’impliquer pour la communauté francophone étant donné que mon utilisation de MODx risque d’être plutôt abusive si tout se déroule comme je l’espère.

Je redonne des nouvelles,

Bye,

Blaise

Wah! Aucun javascript et deux lignes seulement! merveilleux! Adopté pour les années à venir! À propos de sa solution pour les navigateurs peu évolués ?? IE est encore à la mode où je suis

Merci d’avance! Je découvre les secrets du CSS en même temps que ceux de MODx et je commence à apprécier de plus en plus!

Blaise, merci de faire profiter la communauté francophone

Pour les menu pur CSS, yep un vrai bonheur... quand tu vas découvrir tout ce que tu peux faire avec CSS, tu vas halluciner Et c’est beaucoup plus élégant comme code !

Mon point vue sur IE, c’est qu’il faut en tenir compte mais par contre si les utilisateurs ne font pas d’effort je ne vais pas systématiquement en faire pour eux (du moins quand je conçois des sites pour moi, pour mes clients là je fais une feuille de style spécifique à IE quand le besoin est là) : quand il n’y a pas de solution pratique, la meilleure c’est d’utiliser le script de Dean Edwards appelé IE7 (non rien à voir avec la prochaine version de IE) : c’est un script installé sur ton serveur qui corrige les bugs d’IE. Le seul hic, c’est que si javascript est désactivé, les utilisateurs IE retombent sur un site avec un menu non fonctionnel.

J’ai trouvé ça aussi si cela vous tente ...
http://marcarea.com/tuto/menu01test.html ainsi que
http://marcarea.com/tuto/menu01.php (pour la source)

et enfin

http://www.meyerweb.com/eric/css/edge/

Il faut que j’essaye cela rapidement !

Vraiment génial! Plein d’idées la dedans! Allez voir la demo des graphiques à bandes fait en pur CSS.... plutôt impressionnant!