position af mouseOver billede

Vi må se noget af din anden kode, for at vide, hvordan vi skal kunne placere de store i forhold til de små, så smid lige resten af koden også.

<script>
function ShowLarge(src){
  var id=document.getElementById(\"id-for-stort-billede\");
  id.setAttribute(\"src\",src);
  id.style.display=\"inline\"
}
function HideLarge(){
  document.getElementById(\"id-for-stort-billede\").style.display=\"none\"
}
</script>




function showprofilelink($usernavn)
    {
echo "<a href=\"?id=92&pid=".$usernavn."\"><img onmouseover=\"ShowLarge('profileImages/profile/".$usernavn."')\" onmouseout=\"HideLarge()\" style=\"border-color: #669933;\" border=\"1\" alt=\"Vis profil for ".$usernavn."\" height=\"20\" src=\"profileImages/profile/".$usernavn."\"></a>
    <img id=\"id-for-stort-billede\" style=\"border:1px solid #000;width:80px;display:none;position:absolute;\">";
    }

Evt. noget i stil med?:
-------------------------
<script type="text/javascript">
function ShowLarge(o,src){
  var newElement=document.createElement(\"img\");
  newElement.setAttribute(\"src\",src);
  newElement.cssText=\"border:1px solid #000\";
  o.parentNode.insertBefore(newElement,o)
}
function HideLarge(o){
  o.parentNode.removeChild(o.nextSibling)
}
</script>




function showprofilelink($usernavn){
echo "<a href=\"?id=92&pid=".$usernavn."\"><img onmouseover=\"ShowLarge(this,'profileImages/profile/".$usernavn."')\" onmouseout=\"HideLarge(this)\" style=\"border-color: #669933;display:block\" border=\"1\" alt=\"Vis profil for ".$usernavn."\" height=\"20\" src=\"profileImages/profile/".$usernavn."\"></a>;
}

Eller bare:
------------------
<script>
function ShowLarge(src){
  var id=document.getElementById(\"id-for-stort-billede\");
  id.setAttribute(\"src\",src);
  id.style.display=\"inline\"
}
function HideLarge(){
  document.getElementById(\"id-for-stort-billede\").style.display=\"none\"
}
</script>




function showprofilelink($usernavn){
  echo "<a href=\"?id=92&pid=".$usernavn."\"><img onmouseover=\"ShowLarge('profileImages/profile/".$usernavn."')\" onmouseout=\"HideLarge()\" style=\"border-color: #669933;display:block\" border=\"1\" alt=\"Vis profil for ".$usernavn."\" height=\"20\" src=\"profileImages/profile/".$usernavn."\"></a>
    <img id=\"id-for-stort-billede\" style=\"border:1px solid #000;width:80px;display:none\">";
}

Hey, som jeg kan se har du blot fjernet  position:absolute; fra img-tagget. Men det gør desværre at al html-koden rykker sig.

Det er jo position:absolute der gør, at elementet bliver placeret det samme sted i dokumentet. Uden position ligger det bare der, hvor det ligger i koden

Takker