Menu horizontal rétractable
Résolu
kiki7
Messages postés
121
Date d'inscription
Statut
Membre
Dernière intervention
-
kiki7 Messages postés 121 Date d'inscription Statut Membre Dernière intervention -
kiki7 Messages postés 121 Date d'inscription Statut Membre Dernière intervention -
Bonsoir ,
Je m'adresse à vous car je dois réaliser un site avec un menu java et je voulais faire un menu horizontal rétractable avec des sous menus et j'ai cherché sur le net je ne comprends rien .
J'utilise dreamweaver mx 2004
Est ce que vous pouvez me donner un coup de main ?
Je vous remercie d'avance
Au revoir et à bientôt
Je m'adresse à vous car je dois réaliser un site avec un menu java et je voulais faire un menu horizontal rétractable avec des sous menus et j'ai cherché sur le net je ne comprends rien .
J'utilise dreamweaver mx 2004
Est ce que vous pouvez me donner un coup de main ?
Je vous remercie d'avance
Au revoir et à bientôt
A voir également:
- Menu horizontal rétractable
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
8 réponses
Bonjour as-tu des notions de Java ? Tu devrais pouvoir trouver des menus tout faits dans les bibliothèques java à mon avis. Recherche de ce côté là sur le web
Bonsoir,
Non neogenesis, kiki7 veut parler ici de javascript, et pas de java.
Kiki7, je te conseille de regarder un peu le source de cet exemple : http://css.alsacreations.com/xmedia/exemples/commentaires/cssmenu1.htm
En principe pas besoin de javascript (sauf si tu veux faire une animation de folie), du simple css suffira.
Tu pourras adapter le code pour créer des sous menus (le plus difficile est de les positionner correctement sous le lien qui les affiche. Ensuite, il s'agit simplement de jouer avec l'attribut css visible).
Cordialement,
Non neogenesis, kiki7 veut parler ici de javascript, et pas de java.
Kiki7, je te conseille de regarder un peu le source de cet exemple : http://css.alsacreations.com/xmedia/exemples/commentaires/cssmenu1.htm
En principe pas besoin de javascript (sauf si tu veux faire une animation de folie), du simple css suffira.
Tu pourras adapter le code pour créer des sous menus (le plus difficile est de les positionner correctement sous le lien qui les affiche. Ensuite, il s'agit simplement de jouer avec l'attribut css visible).
Cordialement,
Bonsoir
Merci de votre réponse
Cependant j'ai encore quelques questions à vous poser.
Comment rendre compatible le site web avec tous les navigateurs car actuellement j'utilise firefox et lorsque que je fais le test avec internet explorer une fenêtre s'ouvre en haut qui me dit si je veux autoriser le script ou le control activeX.
Existe - il un code pour cela .
Je vous remercie beaucoup pour votre attention
Au revoir et à bientôt
Merci de votre réponse
Cependant j'ai encore quelques questions à vous poser.
Comment rendre compatible le site web avec tous les navigateurs car actuellement j'utilise firefox et lorsque que je fais le test avec internet explorer une fenêtre s'ouvre en haut qui me dit si je veux autoriser le script ou le control activeX.
Existe - il un code pour cela .
Je vous remercie beaucoup pour votre attention
Au revoir et à bientôt
Bonsoir,
En ce qui concerne ce problème de confirmation de internet explorer, il n'existe pas de solution à ma connaissance.
Pour rendre ton css compatible avec tous les navigateurs... et bien il faut développer pas à pas et tester en continu sur tous les navigateurs, chacun interprétant à sa manière le html/css/javascript, afin d'optimiser l'affichage sur tous les navigateurs (et ce n'est pas forcément évident).
Cordialement,
En ce qui concerne ce problème de confirmation de internet explorer, il n'existe pas de solution à ma connaissance.
Pour rendre ton css compatible avec tous les navigateurs... et bien il faut développer pas à pas et tester en continu sur tous les navigateurs, chacun interprétant à sa manière le html/css/javascript, afin d'optimiser l'affichage sur tous les navigateurs (et ce n'est pas forcément évident).
Cordialement,
Bonjour
Merci de vos réponse et désolé de vous répondre en retard
J'ai essayé le lien mais je ne suis pas arrivé
Cependant j'ai réussit avec faire mon menu cependant j'ai encore un autre problème
Dans dreamweaver mx j'ai insérer un tableau et j'ai mit en couleur de fond gris et lorsque je le visualise via internet explorer ou firefox on voit le tableau en fond gris mais en fait au niveau de la marge horizontal et vertical il y a du blanc et moi j'aimerais qu'il soit horizontal et vertical sans marge j'espère que vous m'avez compris
J'ai essayé de chercher avec mon ami google la solution mais je n'ai pas trouver
Est ce que vous pouvez m'aider ?
Je vous remercie d'avance
Au revoir et bientôt .
Merci de vos réponse et désolé de vous répondre en retard
J'ai essayé le lien mais je ne suis pas arrivé
Cependant j'ai réussit avec faire mon menu cependant j'ai encore un autre problème
Dans dreamweaver mx j'ai insérer un tableau et j'ai mit en couleur de fond gris et lorsque je le visualise via internet explorer ou firefox on voit le tableau en fond gris mais en fait au niveau de la marge horizontal et vertical il y a du blanc et moi j'aimerais qu'il soit horizontal et vertical sans marge j'espère que vous m'avez compris
J'ai essayé de chercher avec mon ami google la solution mais je n'ai pas trouver
Est ce que vous pouvez m'aider ?
Je vous remercie d'avance
Au revoir et bientôt .
Bonsoir,
Si tu as un problème de marge, il faut que tu regardes au niveau du css.
Grosso modo, corrige moi si je me trompe, ton menu est un élément (un div par exemple, ou un ul, ou moins bien un table), qui est contenu dans un conteneur (je pense au body, mais ça pourrait être autre chose).
Pour éviter les marges, il faut regarder :
- au niveau du conteneur, vérifier les attributs padding qui permettent de laisser un espace au sein du conteneur
- au niveau du contenu, vérifier les attributs margin qui permettent de laisser des espaces avant/après/au dessus/en dessous de l'élément contenu
Enfin, vérifie à tout hasard que Dreamweaver ne te place pas ton menu en position: absolute. Si c'est le cas, il faudra tout simplement bien positionner ton menu.
C'est pour cela que je n'aime pas les wysiwyg : on ne sait pas trop comment ils gèrent leur truc (bien sûr ici il suffit de lire le code pour le voir, donc ce n'est pas trop embêtant).
Cordialement,
Si tu as un problème de marge, il faut que tu regardes au niveau du css.
Grosso modo, corrige moi si je me trompe, ton menu est un élément (un div par exemple, ou un ul, ou moins bien un table), qui est contenu dans un conteneur (je pense au body, mais ça pourrait être autre chose).
Pour éviter les marges, il faut regarder :
- au niveau du conteneur, vérifier les attributs padding qui permettent de laisser un espace au sein du conteneur
- au niveau du contenu, vérifier les attributs margin qui permettent de laisser des espaces avant/après/au dessus/en dessous de l'élément contenu
Enfin, vérifie à tout hasard que Dreamweaver ne te place pas ton menu en position: absolute. Si c'est le cas, il faudra tout simplement bien positionner ton menu.
C'est pour cela que je n'aime pas les wysiwyg : on ne sait pas trop comment ils gèrent leur truc (bien sûr ici il suffit de lire le code pour le voir, donc ce n'est pas trop embêtant).
Cordialement,
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour
Merci de votre réponse
Cependant j'ai trouvé la solution ce matin je suis allé dans les propriété de pages pour résoudre le problème .
Par contre j'ai un autre problème
Par rapport au menu déroulant il marche bien sauf que je suis obligé de faire un clic pour qu'il disparaisse moi j'aimerais qu'il s'enlève sans que je soit obligé de faire un clic . y a t-il un code pour cela ?
je vous remercie d'avance
Et merci beaucoup de votre qui m'est très précieuse
Au revoir et à bientôt
Merci de votre réponse
Cependant j'ai trouvé la solution ce matin je suis allé dans les propriété de pages pour résoudre le problème .
Par contre j'ai un autre problème
Par rapport au menu déroulant il marche bien sauf que je suis obligé de faire un clic pour qu'il disparaisse moi j'aimerais qu'il s'enlève sans que je soit obligé de faire un clic . y a t-il un code pour cela ?
je vous remercie d'avance
Et merci beaucoup de votre qui m'est très précieuse
Au revoir et à bientôt
Bonsoir,
S'il faut que tu cliques, c'est que tu fais appel à un script javascript.
Donc tu vas rechercher le moment où tu fais apparaître le menu, normalement tu dois avoir une ligne qui ressemble à :
onClick="montrerMenu(...)"
L'idée ici est de remplacer le "onClick" en "onMouseOver" là où il faut.
Cordialement,
S'il faut que tu cliques, c'est que tu fais appel à un script javascript.
Donc tu vas rechercher le moment où tu fais apparaître le menu, normalement tu dois avoir une ligne qui ressemble à :
onClick="montrerMenu(...)"
L'idée ici est de remplacer le "onClick" en "onMouseOver" là où il faut.
Cordialement,
Bonsoir
Merci de votre réponse
J'ai changer ce que vous m'avez dit précédemment le problème que je rencontre c'est que maintenant mes sous menu ils ne s'enlève plus même si je fais un clic .
Est ce que vous pouvez me donner un coup de main ?
Je vous remercie d'avance
Au revoir et à bientôt
Merci de votre réponse
J'ai changer ce que vous m'avez dit précédemment le problème que je rencontre c'est que maintenant mes sous menu ils ne s'enlève plus même si je fais un clic .
Est ce que vous pouvez me donner un coup de main ?
Je vous remercie d'avance
Au revoir et à bientôt
Bonsoir
Merci de votre réponse
si j'ai bien compris je dois remplacer "onClick="cacherMenu(...)" en onMouseOut="cacherMenu(...)"
Je vous transmets mon code je ne suis pas car des onClick j'en ai que un seul
Merci beaucoup
A bientôt
}
function kill()
{
skn.visibility = "hidden";
}
document.onmouseover = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=800><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[onMouseOver0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">L\'Association</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOut="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Pour les Enfants</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">
les Jeunes</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">
Adultes</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Pour tous </FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Téléchargements</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Liens</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],700)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">
Recrute</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
Merci de votre réponse
si j'ai bien compris je dois remplacer "onClick="cacherMenu(...)" en onMouseOut="cacherMenu(...)"
Je vous transmets mon code je ne suis pas car des onClick j'en ai que un seul
Merci beaucoup
A bientôt
}
function kill()
{
skn.visibility = "hidden";
}
document.onmouseover = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=800><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[onMouseOver0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">L\'Association</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOut="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Pour les Enfants</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">
les Jeunes</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">
Adultes</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Pour tous </FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Téléchargements</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Liens</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],700)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">
Recrute</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')