Problème avec menu
J'ai un problème avec mon menu
- Le texte de la page reste centré sous le menu de la même largeur que le menu..moi je voudrais que le texte de la page prenne toute la largeur
-Le fond reste noir alors que normalement il devrait être bleu sur toute la page, ce qui fait que l'on ne voit pas le menu déroulant
Comment puis je arranger ?
http://fanou.vidal.free.fr/fichiers/ejsmenu.htm
http://fanou.vidal.free.fr/fichiers/ejs_menu_dyn.js
Merci !
Fanou
- Le texte de la page reste centré sous le menu de la même largeur que le menu..moi je voudrais que le texte de la page prenne toute la largeur
-Le fond reste noir alors que normalement il devrait être bleu sur toute la page, ce qui fait que l'on ne voit pas le menu déroulant
Comment puis je arranger ?
http://fanou.vidal.free.fr/fichiers/ejsmenu.htm
http://fanou.vidal.free.fr/fichiers/ejs_menu_dyn.js
Merci !
Fanou
3 réponses
-
Merci Gérard !
Il me tarde tant d'avoir ce nouveau menu avec toutes les pages que je vais rajouter !
Merci
Fanou -
Contributeur sécuritéBonsoir Fanou, bonsoir à tous,
Je ne sais pas encore récupérer la place à gauche, mais tout est bon pour :
- menu (je crois)
- partie droite de la page
Voici le code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nouvelle page 1</title>
</head>
<body>
<table><td>
<SCRIPT LANGUAGE=JavaScript>
if(document.getElementById)
document.write('<DIV class=popper id=topdeck></DIV>');
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn1.js"></SCRIPT>
</td></table>
<table><td>
vv
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
fffffffffffffffffffffffffffffffffffffff
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
fffffffffffffffffffffffffffffffffffffffff
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
fffffffffffffffffffffffffffffffffffffffffffff
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
fffffffffffffffffffffffffffffffffffffffffffff
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
ffffffffffffffffffffffffffffffffffffffffffffffff</p>
</td></table>
</body>
</html>
- des balises <table> ajoutées,
- la couleur blanche enlevée.
Bonne soirée,
@12C4
Ipl -
Je copie mon fichier .js :
posYmenu = 0;
bgcolor='#006699';
bgcolor2='#6699CC';
needcenter =true;
if(!needcenter)
posXmenu = 0;
else
{ if (document.all)
posXmenu = (document.body.clientWidth/2)-(720/2);
else
posXmenu = (window.innerWidth/2)-(720/2);
}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
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 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[6] = new Array;
zlien[7] = new Array;
zlien[0][0] = '<A HREF="index.htm" CLASS=ejsmenu>Dictons</A>';
zlien[1][0] = '<A HREF="page1.htm" CLASS=ejsmenu>Les balades</A>';
zlien[1][1] = '<A HREF="page1.htm" CLASS=ejsmenu>La Clape</A>';
zlien[1][2] = '<A HREF="page1.htm" CLASS=ejsmenu>Grande Balade</A>';
zlien[1][3] = '<A HREF="page1.htm" CLASS=ejsmenu>Les Goules</A>';
zlien[1][4] = '<A HREF="page1.htm" CLASS=ejsmenu>La Capoulade</A>';
zlien[1][5] = '<A HREF="page1.htm" CLASS=ejsmenu>L\'Oustalet</A>';
zlien[1][6] = '<A HREF="page1.htm" CLASS=ejsmenu>L\'Oeil Doux</A>';
zlien[1][7] = '<A HREF="page1.htm" CLASS=ejsmenu>Gruissan</A>';
zlien[1][8] = '<A HREF="page1.htm" CLASS=ejsmenu>Ile Sainte-Lucie</A>';
zlien[1][9] = '<A HREF="page1.htm" CLASS=ejsmenu>L\'Abbaye de Fonfroide</A>';
zlien[1][10] = '<A HREF="page1.htm" CLASS=ejsmenu>Châteaux Cathares</A>';
zlien[1][11] = '<A HREF="page1.htm" CLASS=ejsmenu>La végétation</A>';
zlien[1][12] = '<A HREF="page1.htm" CLASS=ejsmenu>Les Salins</A>';
zlien[1][13] = '<A HREF="page1.htm" CLASS=ejsmenu>La Cité de Minerve</A>';
zlien[1][14] = '<A HREF="lesgoules/les_goules.htm" CLASS=ejsmenu>Histoire de La Clape</A>';
zlien[1][15] = '<A HREF="page1.htm" CLASS=ejsmenu>Le fleuve Aude</A>';
zlien[1][16] = '<A HREF="page1.htm" CLASS=ejsmenu>Protégez la forêt et la garrigue</A>';
zlien[2][0] = '<A HREF="peintures/peintures.htm" CLASS=ejsmenu>Mes Peintures</A>';
zlien[2][1] = '<A HREF="page1.htm" CLASS=ejsmenu>Les peintures de mon amie</A>';
zlien[2][2] = '<A HREF="stpierre/stpierre.htm" CLASS=ejsmenu>Peintres célèbres</A>';
zlien[3][0] = '<A HREF="stpierre/stpierre.htm" CLASS=ejsmenu>Saint Pierre</A>';
zlien[3][1] = '<A HREF="page1.htm" CLASS=ejsmenu>Ile de Noirmoutier</A>';
zlien[3][2] = '<A HREF="page1.htm" CLASS=ejsmenu>Photos de la mer</A>';
zlien[4][0] = '<A HREF="fleurs/fleurs.htm" CLASS=ejsmenu>Fleurs de mon jardin 2001</A>';
zlien[4][1] = '<A HREF="page1.htm" CLASS=ejsmenu>Fleurs de mon jardin 2002</A>';
zlien[4][2] = '<A HREF="page1.htm" CLASS=ejsmenu>La médecine par les plantes</A>';
zlien[5][0] = '<A HREF="page1.htm" CLASS=ejsmenu>Photos</A>';
zlien[5][1] = '<A HREF="page1.htm" CLASS=ejsmenu>La page d\'Audrey</A>';
zlien[5][2] = '<A HREF="page1.htm" CLASS=ejsmenu>Patchwork</A>';
zlien[5][3] = '<A HREF="page1.htm" CLASS=ejsmenu>Mes chats</A>';
zlien[6][0] = '<A HREF="page1.htm" CLASS=ejsmenu>Articles et histoires</A>';
zlien[6][1] = '<A HREF="page1.htm" CLASS=ejsmenu>Les ondes</A>';
zlien[6][2] = '<A HREF="page1.htm" CLASS=ejsmenu>Poudres magiques</A>';
zlien[6][3] = '<A HREF="page1.htm" CLASS=ejsmenu>Problème</A>';
zlien[6][4] = '<A HREF="page1.htm" CLASS=ejsmenu>La lune et nous</A>';
zlien[6][5] = '<A HREF="page1.htm" CLASS=ejsmenu>Aurores polaires</A>';
zlien[6][6] = '<A HREF="page1.htm" CLASS=ejsmenu>Parent d\'élève</A>';
zlien[7][0] = '<A HREF="page1.htm" CLASS=ejsmenu>Poèmes</A>';
zlien[7][1] = '<A HREF="page1.htm" CLASS=ejsmenu>Livres</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 = posYmenu+24;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=120><TR><TD>
<TABLE WIDTH=720 BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20>
<FONT SIZE=1 FACE=\"Verdana\"><B> "+msg[pass]+"</B></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=720 HEIGHT=25><TR>')
document.write('<TD WIDTH=90 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"><B>L\'Italie</B></FONT></a></TD>')
document.write('<TD WIDTH=90 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],90)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Balades</B></FONT></a></TD>')
document.write('<TD WIDTH=90 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],180)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Peintures</B></FONT></a></TD>')
document.write('<TD WIDTH=90 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],270)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Mer</B></FONT></a></TD>')
document.write('<TD WIDTH=90 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],360)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Fleurs</B></FONT></a></TD>')
document.write('<TD WIDTH=90 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],450)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Photos</B></FONT></a></TD>')
document.write('<TD WIDTH=90 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],540)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Articles</B></FONT></a></TD>')
document.write('<TD WIDTH=90 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],630)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><B>Paroles d\'auteurs</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
Mon émail :
fanou.vidal à free.fr
Merci !
