Positionner les sous-rubriques d'un menu [Fermé]

Signaler
-
 sundays -
Bonjour,

Je ne connais vraiment rien en programmation, mais avec Kompozer j'ai pu créer un petit site très basique pour présenter mon travail d'artiste-peintre.
Aujourd'hui comme je commence à avoir beaucoup de rubriques, j'aimerai installer un menu déroulant afin d'organiser tout ça! Donc j'ai trouve un menu très simple à mettre en place sur le site 1site1stit, et je l'ai mis en place.
Malheureusement, les sous-rubriques ne sont pas bien positionnées, elles sont décalées sur la gauche. Pourriez-vous m'indiquer ce que je dois changer dans ce code afin qu'elles soient bien placées sous la rubrique correspondante?
Merci d'avance!

// http://www.editeurjavascript.com/forum/topic,7,39784,0.html
// http://www.editeurjavascript.com/scripts/scripts_navigation_1_111.php

bgcolor='#CC6600';//couleur de fond des rubriques
bgcolor0='#3399FF'; //CC0000';
bgcolor1='#3399FF'; //CC0000';//couleur de fond des rubriques au passage de la souris
bgcolor2='#3399FF'; //CC0000';
bgcolor3='#3399FF'; //CC0000';
bgcolor4='#3399FF'; //CC0000';
bgcolor5='#3399FF'; //CC0000';
bgcolor6='#3399FF'; //CC0000';
bgcolor7='#3399FF'; //CC0000';
bgcolor8='#3399FF'; //CC0000';
bgcolor9='#3399FF'; //CC0000';

zgcolor = new Array;
zgcolor[0] = '#E9967A'; //CC0000';//couleur de fond des sous rubriques au passages de la souris
zgcolor[1] = '#FF69B4'; //CC0000';
zgcolor[2] = '#FF6347'; //CC0000';
zgcolor[3] = '#48D1CC'; //CC0000';
zgcolor[4] = '#FFA500'; //CC0000';
zgcolor[5] = '#BC8F8F'; //CC0000';
zgcolor[6] = '#33CCFF'; //CC0000';
zgcolor[7] = '#FFB6C1'; //CC0000';
zgcolor[8] = '#D2691E'; //CC0000';
zgcolor[9] = '#ADFF2F'; //CC0000';

document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:2; }')
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>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

/*
LIENS
*/

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[0][0] = '<A HREF="http://www.cindy-barillet.com/galeries.html" CLASS=ejsmenu>Galeries</A>';//à la place de présentation, entrer le nom du sous menu 0
zlien[0][1] = '<A HREF="http://www.cindy-barillet.com/boutique.html" CLASS=ejsmenu>Boutique</A>';//à la place de page3 mettre l'adresse du lien

zlien[1][0] = '<A HREF="http://www.cindy-barillet.com/commande.html" CLASS=ejsmenu>Informations utiles</A>';
zlien[1][1] = '<A HREF="http://www.cindy-barillet.com/photo.html" CLASS=ejsmenu>Photographier votre animal</A>';
zlien[1][2] = '<A HREF="http://www.cindy-barillet.com/options.html" CLASS=ejsmenu>Choisir vos options</A>';
zlien[1][3] = '<A HREF="http://www.cindy-barillet.com/encadrement.html" CLASS=ejsmenu>Encadrement et conseils</A>';

zlien[2][0] = '<A HREF="http://www.cindy-barillet.com/guestbook.html" CLASS=ejsmenu>Signer mon Livre d Or</A>';
zlien[2][1] = '<A HREF="http://www.cindy-barillet.com/contact.php" CLASS=ejsmenu>Obtenir un renseignement</A>';
zlien[2][2] = '<A HREF="http://wwW.cindy-barillet.com/faq.html" CLASS=ejsmenu>Foire aux Questions</A>';

zlien[3][0] = '<A HREF="http://blog-animalier.blogspot.com" CLASS=ejsmenu>Mon Blog Animalier</A>';
zlien[3][1] = '<A HREF="http://www.cindy-barillet.com/liens.html" CLASS=ejsmenu>Mes Partenaires</A>';
zlien[3][2] = '<A HREF="http://www.facebook.com/pages/Galeries-et-Boutique-de-Cindy/10150094268495504" CLASS=ejsmenu>Ma Page Facebook</A>';
zlien[3][3] = '<A HREF="https://twitter.com/#!/CindyBarillet" CLASS=ejsmenu>Mon Twitter</A>';


zlien[4][0] = '<A HREF="http://www.cindy-barillet.com/fondsdecran.html" CLASS=ejsmenu>Fonds d écran</A>';
zlien[4][1] = '<A HREF="http://www.ecarteweb.com/cartes-electroniques-gratuites-n-15919-nc-AFXv4To6liI5A.php" CLASS=ejsmenu>Cartes Virtuelles</A>';

zlien[5][0] = '<A HREF="http://1site1stit.free.fr/08_formats.html#format-images" CLASS=ejsmenu>Le format de mes images</A>';
zlien[5][1] = '<A HREF="http://1site1stit.free.fr/08_formats.html#format-photos" CLASS=ejsmenu>Le format de mes photos</A>';
zlien[5][2] = '<A HREF="http://1site1stit.free.fr/08_formats.html#format-videos" CLASS=ejsmenu>Le format de mes vidéos</A>';
zlien[5][3] = '<A HREF="http://1site1stit.free.fr/08_formats.html#format-sons" CLASS=ejsmenu>Le format de mes sons</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 = 30;


function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=200><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0// largeur des colonnes du sousmenu
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=centre><DIV align=center><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=800><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=1 WIDTH=100% HEIGHT=30><TR>')
document.write('<TD WIDTH=150 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick=href="http://1site1stit.free.fr/index.html" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Andalus">Visionner mes Oeuvres</FONT></a></TD>')

document.write('<TD WIDTH=140 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor3+'\';pop(zlien[1],75)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick=href="http://1site1stit.free.fr/06_etapes-construction.html" onMouseOver="pop(zlien[1],75)" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Andalus">Passer Commande</FONT></a></TD>')

document.write('<TD WIDTH=140 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor4+'\';pop(zlien[2],310)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick=href="http://1site1stit.free.fr/06de_nvu.html" onMouseOver="pop(zlien[2],310)" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Andalus">Me Contacter</FONT></a></TD>')

document.write('<TD WIDTH=140 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor3+'\';pop(zlien[3],415)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick=href="http://1site1stit.free.fr/10_pages-techniques.html" onMouseOver="pop(zlien[3],415)" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Andalus">Liens</FONT></a></TD>')

document.write('<TD WIDTH=140 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor4+'\';pop(zlien[4],640)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick=href="http://1site1stit.free.fr/07_logiciels.html" onMouseOver="pop(zlien[4],640)" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Andalus">Goodies</FONT></a></TD>')

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

1 réponse

Rebonjour, toujours d'actualité :-)