Bonjour
j'ai un problème d'affichage d'un menu java sur une page php ... le code d'affichage du menu est celui ci :
<DIV id="menujava"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/_dot.gif" width="16" height="4" /></td>
<td align="left"><!--sous menu 1 : demarrer -->
<div id="anylinkmenu1" style="position: absolute; top: 0px; left: 0px; visibility: hidden;" >
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" bgcolor="#9732a2"><img src="img/_dot.gif" width="160" height="4" /></td>
</tr>
<tr>
<td bgcolor="#9732a2"><img src="img/menu_fl1.gif" width="24" height="18" /></td>
<td bgcolor="#9732a2" class="liennav10"><a href="imaginez.html" class="liennav10">Imaginer</a></td>
<td bgcolor="#9732a2" class="liennav10"> </td>
</tr>
<tr>
<td height="15" bgcolor="#c48aca"> </td>
<td bgcolor="#c48aca"><a href="#" class="liennav10">> L’Idée</a></td>
<td bgcolor="#c48aca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#c48aca"> </td>
<td bgcolor="#c48aca"><a href="imaginez_marche.html" class="liennav10">> Le Marché</a></td>
<td bgcolor="#c48aca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#c48aca"> </td>
<td bgcolor="#c48aca"><a href="#" class="liennav10">> Les Partenaires</a></td>
<td bgcolor="#c48aca"> </td>
</tr>
<tr>
<td bgcolor="#9732a2"><img src="img/menu_fl1.gif" width="24" height="18" /></td>
<td bgcolor="#9732a2" class="liennav10"><a href="#" class="liennav10">Financer</a></td>
<td bgcolor="#9732a2" class="liennav10"> </td>
</tr>
<tr>
<td height="15" bgcolor="#c48aca"> </td>
<td bgcolor="#c48aca"><a href="#" class="liennav10">> Emprunter</a></td>
<td bgcolor="#c48aca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#c48aca"> </td>
<td bgcolor="#c48aca"><a href="#" class="liennav10">> Le Capital-risque</a></td>
<td bgcolor="#c48aca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#c48aca"> </td>
<td bgcolor="#c48aca"><a href="#" class="liennav10">> Externaliser</a></td>
<td bgcolor="#c48aca"> </td>
</tr>
<tr>
<td bgcolor="#9732a2"><img src="img/menu_fl1.gif" width="24" height="18" /></td>
<td bgcolor="#9732a2" class="liennav10"><a href="#" class="liennav10">Se lancer </a></td>
<td bgcolor="#9732a2" class="liennav10"> </td>
</tr>
<tr>
<td height="15" bgcolor="#c48aca"> </td>
<td bgcolor="#c48aca"><a href="#" class="liennav10">> Les étapes </a></td>
<td bgcolor="#c48aca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#c48aca"> </td>
<td bgcolor="#c48aca"><a href="#" class="liennav10">> L'installation</a></td>
<td bgcolor="#c48aca"> </td>
</tr>
<tr>
<td><img src="img/menu_coin_gb1.gif" width="24" height="7" /></td>
<td bgcolor="#C48ACA"><img src="img/_dot.gif" width="125" height="7" /></td>
<td><img src="img/menu_coin_db1.gif" width="11" height="7" /></td>
</tr>
</table>
</div>
<img src="img/_dot.gif" width="16" height="4" /></td>
<td align="left"><!-- sous menu 2 : développer -->
<div id="anylinkmenu2" class="anylinkcss">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" bgcolor="#5e68a2"><img src="img/_dot.gif" width="160" height="4" /></td>
</tr>
<tr>
<td bgcolor="#5e68a2"><img src="img/menu_fl2.gif" width="24" height="18" /></td>
<td bgcolor="#5e68a2" class="liennav10"><a href="#" class="liennav10">Votre image</a></td>
<td bgcolor="#5e68a2" class="liennav10"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Marketing </a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Communication</a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr bgcolor="#5e68a2">
<td><img src="img/menu_fl2.gif" width="24" height="18" /></td>
<td bgcolor="#5e68a2" class="liennav10"><a href="#" class="liennav10">Vos clients</a></td>
<td class="liennav10"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Prospection </a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> International </a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr bgcolor="#5e68a2">
<td><img src="img/menu_fl2.gif" width="24" height="18" /></td>
<td bgcolor="#5e68a2" class="liennav10"><a href="#" class="liennav10">Votre équipe</a> </td>
<td class="liennav10"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Recruter </a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Motiver </a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Former </a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr bgcolor="#5e68a2">
<td><img src="img/menu_fl2.gif" width="24" height="18" /></td>
<td bgcolor="#5e68a2" class="liennav10"><a href="#" class="liennav10">Votre croissance</a> </td>
<td class="liennav10"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Lever des fonds </a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr>
<td height="15" bgcolor="#a3a9ca"> </td>
<td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Racheter une entreprise </a></td>
<td bgcolor="#a3a9ca"> </td>
</tr>
<tr>
<td><img src="img/menu_coin_gb2.gif" width="24" height="7" /></td>
<td bgcolor="#a3a9ca"><img src="img/_dot.gif" width="16" height="7" /></td>
<td><img src="img/menu_coin_db2.gif" width="11" height="7" /></td>
</tr>
</table>
</div>
<img src="img/_dot.gif" width="16" height="4" /></td>
<td align="left"><!-- sous menu 3 : maitriser -->
<div id="anylinkmenu3" class="anylinkcss">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" bgcolor="#206ea2"><img src="img/_dot.gif" width="160" height="4" /></td>
</tr>
<tr bgcolor="#206ea2">
<td><img src="img/menu_fl3.gif" width="24" height="16" vspace="1" /></td>
<td class="liennav10"><a href="maitrisez.html" class="liennav10">Gérer</a> </td>
<td class="liennav10"> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="maitrisez_gerer_finances.html" class="liennav10">> Finances </a></td>
<td> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Social </a></td>
<td> </td>
</tr>
<tr bgcolor="#206ea2">
<td><img src="img/menu_fl3.gif" width="24" height="16" vspace="1" /></td>
<td class="liennav10"><a href="#" class="liennav10">Optimiser</a> </td>
<td class="liennav10"> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Les impôts </a></td>
<td> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Economiser </a></td>
<td> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Externaliser </a></td>
<td> </td>
</tr>
<tr bgcolor="#206ea2">
<td><img src="img/menu_fl3.gif" width="24" height="16" vspace="1" /></td>
<td class="liennav10"><a href="#" class="liennav10">Prévenir</a> </td>
<td class="liennav10"> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Risques juridiques </a></td>
<td> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Sécurité </a></td>
<td> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Organisation</a></td>
<td> </td>
</tr>
<tr bgcolor="#206ea2">
<td><img src="img/menu_fl3.gif" width="24" height="16" vspace="1" /></td>
<td class="liennav10"><a href="#" class="liennav10">Technologie</a> </td>
<td class="liennav10"> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Communications </a></td>
<td> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Equipement </a></td>
<td> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Logiciels </a></td>
<td> </td>
</tr>
<tr bgcolor="#80adca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Mobilité </a></td>
<td> </td>
</tr>
<tr>
<td><img src="img/menu_coin_gb3.gif" width="24" height="7" /></td>
<td bgcolor="#80adca"><img src="img/_dot.gif" width="125" height="7" /></td>
<td><img src="img/menu_coin_db3.gif" width="11" height="7" /></td>
</tr>
</table>
</div>
<img src="img/_dot.gif" width="16" height="4" /></td>
<td align="left"><!-- sous menu 4 : Dirigeant -->
<div id="anylinkmenu4" class="anylinkcss">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" bgcolor="#0ba0a2"><img src="img/_dot.gif" width="160" height="4" /></td>
</tr>
<tr bgcolor="#0ba0a2">
<td><img src="img/menu_fl4.gif" width="24" height="18" /></td>
<td class="liennav10"><a href="#" class="liennav10">Mandataire</a> </td>
<td class="liennav10"> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Le statut juridique </a></td>
<td> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> La rémunération </a></td>
<td> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> La protection </a></td>
<td> </td>
</tr>
<tr bgcolor="#0ba0a2">
<td><img src="img/menu_fl4.gif" width="24" height="18" /></td>
<td class="liennav10"><a href="#" class="liennav10">Patrimoine</a> </td>
<td class="liennav10"> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Vos droits </a></td>
<td> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Vos investissements </a></td>
<td> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Votre fiscalité </a></td>
<td> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Transmettre </a></td>
<td> </td>
</tr>
<tr bgcolor="#0ba0a2">
<td><img src="img/menu_fl4.gif" width="24" height="18" /></td>
<td class="liennav10"><a href="#" class="liennav10">Horizons</a> </td>
<td class="liennav10"> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Management </a></td>
<td> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Recevoir </a></td>
<td> </td>
</tr>
<tr bgcolor="#74c9ca">
<td height="15"> </td>
<td><a href="#" class="liennav10">> Agenda </a></td>
<td> </td>
</tr>
<tr>
<td><img src="img/menu_coin_gb4.gif" width="24" height="7" /></td>
<td bgcolor="#74c9ca"><img src="img/_dot.gif" width="16" height="7" /></td>
<td><img src="img/menu_coin_db4.gif" width="11" height="7" /></td>
</tr>
</table>
</div>
<img src="img/_dot.gif" width="16" height="4" /></td>
<td><img src="img/_dot.gif" width="16" height="4" /></td>
</tr>
<tr>
<td> </td>
<td><a href="imaginez.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu1')"><img src="img/bt_top_menu1_on.gif" width="128" height="27" border="0" /></a></td>
<td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu2')"><img src="img/bt_top_menu2.gif" width="128" height="27" border="0" /></a></td>
<td><a href="maitrisez.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu3')"><img src="img/bt_top_menu3.gif" width="128" height="27" border="0" /></a></td>
<td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu4')"><img src="img/bt_top_menu4.gif" width="128" height="27" border="0" /></a></td>
<td> </td>
</tr>
</table>
</DIV>
et la fonction javascript et celle ci
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var enableanchorlink=0 //Enable or disable the anchor link when clicked on? (1=e, 0=d)
var hidemenu_onclick=1 //hide menu when user clicks within menu? (1=yes, 0=no)
/////No further editting needed
var ie5=document.all
var ns6=document.getElementById&&!document.all
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden){
if (ie5||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-1000
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie5 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-18: window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie5 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie5 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-18 : window.pageYOffset+window.innerHeight-15
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function dropdownmenu(obj, e, dropmenuID){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined") //hide previous menu
dropmenuobj.style.visibility="hidden"
clearhidemenu()
if (ie5||ns6){
obj.onmouseout=delayhidemenu
dropmenuobj=document.getElementById(dropmenuID)
if (hidemenu_onclick) dropmenuobj.onclick=function(){dropmenuobj.style.visibility='hidden'}
dropmenuobj.onmouseover=clearhidemenu
dropmenuobj.onmouseout=ie5? function(){ dynamichide(event)} : function(event){ dynamichide(event)}
showhide(dropmenuobj.style, e, "visible", "hidden")
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if ((ie5||ns6) && !enableanchorlink) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie5&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility='hidden'",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
et la definition de la DIV menu java ... #menujava {position: absolute; left: 275px; top: 150px; }
pour voir ce que cela fait à l'éran http://dev.entreprenez.fr
je suis nul en javascript et là je patoge depuis 3 heures alors que je suis sure que c'est une connerie ...
merci de votre précieuse aide ...