Poser une question

menu enjavascript occupant une moitié de page.

slt, a tous
j'ai un probleme avec un menu javascript récupéré sur le net il s'affiche bien et fait ce que je veu mais il occupe la moitié de la page web, le menu est en haut de la page, ensuite il y a un énorme espace vide(non souhaité) et ensuite le reste de ma page, coment supprimer cet espace ?

voici le code javascript du menu :

<script language="JavaScript">
var nbMenu = 4; // Nombre de Menu (ici 4 : javascript, php, MySql et Html
var tailleMenu = 800; // Largeur en pixel du menu
var hauteur = 200; // Hauteur approximative des menus une fois déroulé

var tailleCellule = tailleMenu / nbMenu; // Ne rien modifier

var background = "#C3C9D4"; // Couleur de fond de votre page
var couleurFond = "#C3C9D4"; // Couleur de fond du menu
var couleurRollover = "#959EAD"; // Couleur de la case du menu lors du rollover
var couleurBordure = "#000000"; // Couleur des bordures du menu
var couleurTexte = "#000000"; // Couleur de votre texte
var couleurTexteRoller = "#FFFFFF"; // Couleur des liens lors du passage de la souris

var police = "Verdana, Arial;"; // Police du menu
var taillePolice = "13"; // la taille de votre texte

var image = "fleche.gif"; // Adresse ou se trouve l'image pour rentrer le menu

// Vos titres principaux
var valMenu = new Array(nbMenu);
valMenu[0] = "Intervenant";
valMenu[1] = "Convention";
valMenu[2] = "Statistiques";
valMenu[3] = "Administration";


// Si vous rajouter des menus, rajouter aussi une ligne par menu
// en prenant soins d'increenter l'indice
// exemple :
// valSsMenu[4] = new Array();
// Le faire pour valSsMenu, valSsMenuLien, valSsMenuCible

var valSsMenu = new Array(nbMenu);
valSsMenu[0] = new Array();
valSsMenu[1] = new Array();
valSsMenu[2] = new Array();
valSsMenu[3] = new Array();

var valSsMenuLien = new Array(nbMenu);
valSsMenuLien[0] = new Array();
valSsMenuLien[1] = new Array();
valSsMenuLien[2] = new Array();
valSsMenuLien[3] = new Array();

var valSsMenuCible = new Array(nbMenu);
valSsMenuCible[0] = new Array();
valSsMenuCible[1] = new Array();
valSsMenuCible[2] = new Array();
valSsMenuCible[3] = new Array();

// Les sous-titres en rapport avec les numero de titres principaux
// Suivi du lien
// Et de la cible ( _blank = nouvelle fenêtre _top = même fenetre )
// Mettre le nom de la frame à la place de la cible si il y en a une

// Javascript
valSsMenu[0][0] = "Créer un intervenant";
valSsMenuLien[0][0] = "../inscription_formateur/reconnaissanceformateur.php";
valSsMenuCible[0][0] = "_self";
valSsMenu[0][1] = "Rechercher un intervenant";
valSsMenuLien[0][1] = "../lecture_formateur/lecture.php";
valSsMenuCible[0][1] = "_self";
valSsMenu[0][2] = "Modifier un intervenant";
valSsMenuLien[0][2] = "../lecture_formateur/lecturemodif.php";
valSsMenuCible[0][2] = "_self";
valSsMenu[0][3] = "Fichier intervenants";
valSsMenuLien[0][3] = "../lecture_formateur/lecture_tous_formateur.php";
valSsMenuCible[0][3] = "_self";

// Php
valSsMenu[1][0] = "Créer une convention";
valSsMenuLien[1][0] = "../lecture_formateur/creer_convention.php";
valSsMenuCible[1][0] = "_self";
valSsMenu[1][1] = "Rechercher une convention";
valSsMenuLien[1][1] = "../lecture_formateur/lecture_convention.php";
valSsMenuCible[1][1] = "_self";

// MySQL
valSsMenu[2][0] = "Intervenants";
valSsMenuLien[2][0] = "../statistiques/recherche_intervenants.php";
valSsMenuCible[2][0] = "_self";
valSsMenu[2][1] = "Installation";
valSsMenuLien[2][1] = "http://www.script-masters.com/";;
valSsMenuCible[2][1] = "_blank";
valSsMenu[2][2] = "Manipulation";
valSsMenuLien[2][2] = "http://www.script-masters.com/";;
valSsMenuCible[2][2] = "_blank";
valSsMenu[2][3] = "Livres";
valSsMenuLien[2][3] = "http://www.script-masters.com/";;
valSsMenuCible[2][3] = "_blank";

// Html
valSsMenu[3][0] = "se connecter";
valSsMenuLien[3][0] = "../session/deloguer.php";
valSsMenuCible[3][0] = "_self";
valSsMenu[3][1] = "se deconnecter";
valSsMenuLien[3][1] = "../session/deloguer.php";
valSsMenuCible[3][1] = "_self";
valSsMenu[3][2] = "ajouter un utilisateur";
valSsMenuLien[3][2] = "../session/ajout_utilisateur.php";
valSsMenuCible[3][2] = "_self";
valSsMenu[3][3] = "modif. / suppr. utilisateur";
valSsMenuLien[3][3] = "../session/lecture_utilisateur.php";
valSsMenuCible[3][3] = "_self";




// Ne rien modifier sous cette ligne //

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

document.write('table.menu {');
document.write(' border: 1px solid '+ background +'');
document.write('}');

document.write('td.inc {');
document.write(' font-family: '+ police +';');
document.write(' font-size: '+ taillePolice +'px;');
document.write(' text-decoration: none;');
document.write(' background-color: '+ couleurFond +';');
document.write(' border-top-width: 1px;');
document.write(' border-right-width: 1px;');
document.write(' border-bottom-width: 1px;');
document.write(' border-left-width: 0px;');
document.write(' border-top-style: solid;');
document.write(' border-right-style: solid;');
document.write(' border-bottom-style: solid;');
document.write(' border-left-style: solid;');
document.write(' border-top-color: '+ couleurBordure +';');
document.write(' border-right-color: '+ couleurBordure +';');
document.write(' border-bottom-color: '+ couleurBordure +';');
document.write(' border-left-color: '+ couleurBordure +';');
document.write(' cursor: hand;');
document.write('}');

document.write('td.menu {');
document.write(' font-family: '+ police +';');
document.write(' font-size: '+ taillePolice +'px;');
document.write(' text-decoration: none;');
document.write(' background-color: '+ couleurFond +';');
document.write(' border: 1px solid '+ couleurBordure +';');
document.write(' cursor: hand;');
document.write('}');

document.write('td.ssmenuD {');
document.write(' font-family: '+ police +';');
document.write(' font-size: '+ taillePolice +'px;');
document.write(' text-decoration: none;');
document.write(' background-color: '+ couleurFond +';');
document.write(' border: 1px solid '+ couleurBordure +';');
document.write('}');

document.write('a.ssmenu {');
document.write(' font-family: '+ police +';');
document.write(' font-size: '+ taillePolice +'px;');
document.write(' text-decoration: none;');
document.write(' color: '+ couleurTexte +';');
document.write('}');

document.write('td.invisible {');
document.write(' background-color: '+ background +';');
document.write(' border: 1px solid '+ background +';');
document.write('}');

document.write('</style>');

// Detection des navigateurs
var is_ie5 = 0;
var is_ns6 = 0;
var is_ns4 = 0;
var is_ie4 = 0;
if ((document.getElementById) && (document.all)){
is_ie5 = 1;
} else if(document.getElementById){
is_ns6 = 1;
}
if (document.layers) {
is_ns4 = 1;
}
if ((document.all)&&(!document.getElementById)) {
is_ie4 = 1;
}



function generationMenu(){
// Affichage du menu
document.write('<table width="'+ tailleMenu +'" border="0" cellspacing="0" cellpadding="0">');
document.write('<tr align="center" class="menu">');
for (i=0;i<nbMenu;i++) {
var classe = "inc";
if ( i==0 ){
classe="menu";
}
document.write('<td onMouseOut="javascript:this.style.background=\''+ couleurFond +'\'" onMouseOver="javascript:this.style.background=\''+ couleurRollover +'\'" class="'+ classe +'" width="'+ tailleCellule +'"onClick="changeMenu('+ i + ')">'+ valMenu[i] +'</td>');
}
document.write('</tr>');

// Préparation des sous-menus
document.write('<tr border="0" class="menu"><td colspan='+ nbMenu +' class="ssmenu" border="0">');
if (is_ie5 || is_ie4 || is_ns6){
document.write('<DIV id="ssMenu" style="position:relative;top:0px;left:0px;width='+ tailleMenu +';height='+ hauteur +';visibility:hidden">');
document.write('</DIV>');
}
document.write('</td></tr>');
document.write('</table>');
}


function changeMenu(numMenu){
// Génération du nouveau tableau
var newTable="";
newTable += "<table border='0' cellspacing='0' cellpadding='0' width='"+ tailleMenu +"' class=menu><tr>";
for (i=0;i<valSsMenu.length;i++) {
if ( i==numMenu ) {
newTable += "<td class='ssmenuD' width='"+ tailleCellule +"'>";
for (z=0;z<valSsMenu[i].length;z++) {
// On affiche les liens
newTable += "<a href='"+ valSsMenuLien[i][z] +" ' target='"+ valSsMenuCible[i][z] +"' onMouseOut='javascript:this.style.color=\""+ couleurTexte +"\"' onMouseOver='javascript:this.style.color=\""+ couleurTexteRoller +"\"' class='ssmenu' onclick='suppMenu()'>"+ valSsMenu[i][z] + "</a><br>";
}
newTable += "</td>";
}else{
newTable += "<td class='invisible' width='"+ tailleCellule +"'> </td>";
}
}
newTable += "</tr></table>";
if (is_ie5 || is_ns6){
document.getElementById("ssMenu").innerHTML = newTable;
document.getElementById("ssMenu").style.visibility = "visible";
} else if (is_ie4) {
document.all["ssMenu"].innerHTML = newTable;
document.all["ssMenu"].style.visibility = "visible";
}
}

function suppMenu() {
document.getElementById("ssMenu").style.visibility = "hidden";
}


</script>
</head>

<body bgcolor="C3C9D4" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script>
generationMenu();
</script>



si vous pourriez faire quelque chose ......
d'avance merci.
kikos

Réponses

Re: menu enjavascript occupant une moitié de page.  Oznog 20/5/2003