Billede flytter sig
Jeg er ved at lave et oversigt kort, når brugeren ved hjælp af links kan se hvor en bygning er placeret.Koden med links er således ud:
<a href=\"java script:showIt(\'byg15\')\">byg15</a>
--
Koden med billedet ser således ud:
<html>
<head>
<style>
<!--
.clicks { font-family: Flexure, sans-serif }
.pics { position: relative; visibility: hidden; }
P { margin:0; padding:3;}
-->
</style>
<script language=\"JavaScript\">
<!--
function hideIt(layer) {
if (navigator.appName.substring(0,9) == \"Microsoft\"){
document.all[layer].style.visibility=\"hidden\";
}else{
document.layers[layer].visibility=\"hide\";
}
}
function showIt(layer) {
if (navigator.appName.substring(0,9) == \"Microsoft\"){
document.all[layer].style.visibility=\"visible\";
}else{
document.layers[layer].visibility=\"show\";
}
}
// -->
</script>
<title>http://jdr05/Info/kasernen/kort.htm</title>
<base target=\"_self\">
</head>
<body topmargin=\"0\" leftmargin=\"0\">
<div ID=\"byg15\" class=\"pics\">
<p align=\"center\"> </p>
<p align=\"center\"><img src=\"cirkel.gif\" style=\"position: absolute; left: 213; top: 121\" width=\"19\" height=\"18\"></p>
</div>
Mit spørgsmål er nu, hvorfor flytter cirklen sig, når jeg kører fra skærmopløsning 800x600 til 1024x768. ???
