Bon, voilà un exemple explicite de ce qui ne va pas.
Merci de ta patience ^^
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
function switch_menus(itemID,nbMenus)
{
var item;
for (var i=1;i<=nbMenus;i++) {
item = document.getElementById(i);
item.style.display="none";
}
item = document.getElementById(itemID);
item.style.display='';
}
function hide_menus(itemID,nbMenus)
{
var item;
for (var i=1;i<=nbMenus;i++) {
item = document.getElementById(i);
item.style.display="none";
}
}
</script>
</head>
<body>
<table width="500"><tr><td>
<table border="0" cellspacing="0">
<tr>
<td onMouseOver="switch_menus('1',2)" style="border-width:3px; border-style:solid; border-color:black;">Menu 1</td>
<td>
<div id="1" align="center" style="display:none; border-width:3px; border-style:solid; border-color:black; position: relative; top:0px; left:0px; background-color:red" onmouseout="hide_menus('1',2)">grmblmblm<br />Je fais tout decaler !!<br />Paaaaas bien !</div>
</td>
</tr>
<tr>
<td onMouseOver="switch_menus('2',2)" style="border-width:3px; border-style:solid; border-color:black;">Menu 2</td>
<td>
<div id="2" align="center" style="display:none; border-width:3px; border-style:solid; border-color:black; position: absolute; top:40px; left:70px; background-color:red" onmouseout="hide_menus('1',2)">
ploumploum<br />En augmentant la taille de la police, je suis plus la ou je devrais...<br />ploumploum
</div>
</td>
</tr>
</table></td>
<td>Salut, j'aimerais ne pas devoir être <i>trop</i>
décalé, moi...</td>
</tr></table>
</body>
</html>
