Impossible de trouver où et comment centrer mon menu JS

[Miha9177]

Bonjour à tous !!

J'aurai vraiment besoin d'un coup de main de votre part... Je suis dans l'incapacité de trouver comment faire pour centrer le menu javascript que j'ai récupérée sur un site (http://www.editeurjavascript.com/scripts/scripts_navigation_3_740.php). Quelqu'un pourrait-il m'aider à me dire quoi faire ?

 

je vous copie le script...

 

bgcolor='#B098B0';

bgcolor0='#E9967A'; //CC0000';

bgcolor1='#FF69B4'; //CC0000';

bgcolor2='#FF6347'; //CC0000';

bgcolor3='#48D1CC'; //CC0000';

bgcolor4='#F39A00'; //CC0000';

bgcolor5='#BC8F8F'; //CC0000';

bgcolor6='#8BCE87'; //CC0000';

bgcolor7='#BA86B2'; //CC0000';

bgcolor8='#F97777'; //CC0000';

bgcolor9='#4B9BF7'; //CC0000';

 

zgcolor = new Array;

zgcolor[0] = '#48D1CC'; //CC0000';

zgcolor[1] = '#BC8F8F'; //CC0000';

zgcolor[2] = '#FF6347'; //CC0000';

zgcolor[3] = '#48D1CC'; //CC0000';

zgcolor[4] = '#F97777'; //CC0000';

zgcolor[5] = '#4B9BF7'; //CC0000';

zgcolor[6] = '#00FF00'; //CC0000';

zgcolor[7] = '#FFB6C1'; //CC0000';

zgcolor[8] = '#D2691E'; //CC0000';

zgcolor[9] = '#BA86B2'; //CC0000';

 

document.write('<style type="text/css">');

document.write('.popper { position:absolute; VISIBILITY: hidden; z-index:4; }')

document.write('#topgauche { position:relative; z-index:100; }')

document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')

document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')

document.write('</style>')

document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');

 

zlien = new Array;

zlien[0] = new Array;

zlien[1] = new Array;

zlien[2] = new Array;

zlien[3] = new Array;

zlien[4] = new Array;

zlien[5] = new Array;

zlien[6] = new Array;

zlien[1][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Robe de mariee</A>';

zlien[1][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Costume Hommes</A>';

zlien[1][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Demoiselles</A>';

zlien[1][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Enfants</A>';

zlien[2][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Primptemps</A>';

zlien[2][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Eté</A>';

zlien[2][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Automne</A>';

zlien[2][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Hiver</A>';

zlien[3][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Animaux</A>';

zlien[3][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Cinéma</A>';

zlien[3][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Espace</A>';

zlien[3][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Sport</A>';

zlien[3][5] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Musique</A>';

zlien[3][6] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Nourriture</A>';

zlien[3][7] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Nature</A>';

zlien[3][8] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Accessoires</A>';

zlien[4][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Costumes</A>';

zlien[4][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Accessoires</A>';

zlien[5][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Robes</A>';

zlien[5][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Accessoires</A>';

var nava = (document.layers);

var dom = (document.getElementById);

var iex = (document.all);

if (nava) { skn = document.topdeck }

else if (dom) { skn = document.getElementById("topdeck").style }

else if (iex) { skn = topdeck.style }

skn.top = 24;

 

function pop(msg,pos)

{

skn.visibility = "hidden";

a=true

skn.left = pos;

var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";

pass = 0

while (pass < msg.length)

{

content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+zgcolor[pass]+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\"> "+msg[pass]+"</FONT></TD></TR>";

pass++;

}

content += "</TABLE></TD></TR></TABLE>";

if (nava)

{

skn.document.write(content);

skn.document.close();

skn.visibility = "visible";

}

else if (dom)

{

document.getElementById("topdeck").innerHTML = content;

skn.visibility = "visible";

}

else if (iex)

{

document.all("topdeck").innerHTML = content;

skn.visibility = "visible";

}

}

 

function kill()

{

skn.visibility = "hidden";

}

 

document.onclick = kill;

document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=700><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[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">ACCUEIL</FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor3+'\';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="Verdana">DEVIS</FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor4+'\';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="Verdana">SAISONS</FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor5+'\';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="Verdana">NOTRE GALLERY</FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor6+'\';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="Verdana">HOMMES</FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor7+'\';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="Verdana">DEMOISELLES</FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor8+'\';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="Verdana">CONTACT</FONT></a></TD>')

document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

 

 

Je n'ai vraiment pas beaucoup de connaissance sur tous ça, j'apprenais petit à petit avec mon père puis ensuite toute seule... Ca reste quand même difficile mais je tiens bon... Pour le coup : j'ai vraiment besoin d'aide !

 

miha

[Miha9177]

A nouveau bonjour à tous.

 

J'ai trouvé comment centré le menu. A présent, je cherche comment faire pour que les sous menus qui s'affiche, s'affiche bien en dessous du bouton menu principal de sa catégorie... Je suis à nouveau perdu, mais je l'espère plus pour très longtemps...

 

Si quelqu'un peut m'aider ??

UN GRAND MERCI D'AVANCE!!

 

Miha