Menu horizontal rétractable

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,

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 .

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,

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

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

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>')

Bonsoir
Problème résolu je suis passé au css
Merci de votre aide
A bientôt