vis box, når mus over billed

Hvor skal denne tabel vises. Et statisk sted eller 10px til højre og nedenunder musen?

den skal vises 10px neden under det billed som man holder musen over, og når musen fjernes fra billedet, så skal tablen også forsvinde

her er et komplet script der viser et (nyt) billede når du fører musen henover. Det nye billede kan trækkes rundt med musen... Måske noget du kunne bruge. Om ikke andet så til inspiration ;-)

<html>
<head>
<STYLE TYPE="text/css">
.D11
  {
  POSITION:absolute;
  VISIBILITY:hidden;
  Z-INDEX:200;
  }
</STYLE>
</head>
<body>
<DIV ID="d11" CLASS="d11"></DIV>

<FORM NAME="aForm">
<script language="javascript">

Xoffset=-1;
Yoffset= 20;

var isNS4=document.layers?true:false;
var isIE=document.all?true:false;
var isNS6=!isIE&&document.getElementById?true:false;
var old=!isNS4&&!isNS6&&!isIE;
var skn = "";

function initThis()
{
  if(isNS4)skn=document.d11;
  if(isIE)skn=document.all.d11.style;
  if(isNS6)skn=document.getElementById("d11").style;
}

function popup(_m,_b)
{
  var content="<TABLE  BORDER=1 BORDERCOLOR=#990000 CELLPADDING=2 CELLSPACING=0 BGCOLOR=white><TD ALIGN=center><FONT COLOR=black SIZE=2>"+_m+"</FONT></TD></TABLE>";

  if(old)
  {
    alert("Du har en for gammel browser:\n"+_m);
    return;
  }
  else
  {
    if(isNS4)
    {
      skn.document.open();
      skn.document.write(content);
      skn.document.close();
      skn.visibility="visible";
    }
    if(isNS6)
    {
      document.getElementById("d11").style.position="absolute";
      document.getElementById("d11").style.left=x;
      document.getElementById("d11").style.top=y;
      document.getElementById("d11").innerHTML=content;
      skn.visibility="visible";
    }
    if(isIE)
    {
      document.all("d11").innerHTML=content;
      skn.visibility="visible";
    }
  }
}

var x;
var y;
function get_mouse(e)
{
  x=(isNS4||isNS6)?e.pageX:event.clientX+document.body.scrollLeft;
  y=(isNS4||isNS6)?e.pageY:event.clientY+document.body.scrollLeft;
  if(isIE&&navigator.appVersion.indexOf("MSIE 4")==-1)
      y+=document.body.scrollTop;
  skn.left=x+Xoffset;
  skn.top=y+Yoffset;
}

function removeBox()
{
  if(!old)
  {
    skn.visibility="hidden";
  }
}

if(isNS4)
  document.captureEvents(Event.MOUSEMOVE);
if(isNS6)
  document.addEventListener("mousemove", get_mouse, true);
if(isNS4||isIE)
  document.onmousemove=get_mouse;
</script>

<A href="test.html" ONMOUSEOVER="popup('<font color=white><img src=myPicture2.JPG></font>','green')" ONMOUSEOUT="removeBox()"><img src="myPicture1.JPG"></A>


</FORM>
<script>
initThis();
</script>

</body>
</html>

dahm det ser langt ud. jeg må se om jeg for hugget mig igennem det

Du kan også bruge det helt færdige script overLib: http://www.bosrup.com/web/overlib/

-- men det er meget konfigurerbart og kompatibelt script, som måske er overkill, voldsomt simplere løsninger kan sagtens laves (og findes på Eksperten !-)