Menu indsat mellem "div"
Hejjeg har fundet en sød menu.
Den virker fint indsat på blank side.
Men når jeg sætter den ind i min side mellem "div" ligger billederne ikke samme sted.
Det overliggende billed kommer godt nok ind midt på siden mellem "div", men det underliggende billeder er stadig i øverste venstre hjørne,
----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta name="DESCRIPTION" content="Leander-Skou profil side">
<meta name="KEYWORDS" content="">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="imagetoolbar" content="false">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="30">
<META NAME="robots" content="NOARCHIVE">
<META NAME="googlebot" content="NOARCHIVE">
<META NAME="rating" content="GENERAL">
<META NAME="distribution" content="GLOBAL">
<link rev="made" href="mailto:admin@leander-skou.dk">
<meta http-equiv="Reply-to" content="admin@leander-skou.dk">
<title>Leander-Skou profil side</title>
<link rel="stylesheet" type="text/css" href="css/ls.css">
</head>
<body style="background-color: #ffffff">
<div id="paper" style="width: 597; height: 653">
<html>
<head>
<script>
<!-- Beginning of JavaScript -
// CREDITS:
// Highspeed menu: unlimited rollover-buttons with 2 images only
// by Peter Gehrig and Urs Dudli
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 3/5/2000
// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a link to http://www.24fun.com on the webpage
// where this script will be running.
// CONFIGURATION:
// 1. Delete th div-block with the id "deletethisblock"
// 2. Save the rest as HTML-file.
// 3. Create two imagemaps (your nav-bars). They must have the same width and height.
// Also the buttons should be positioned in the same place.
// Yet the colors etc. may vary.
// 4. Put the two imagemaps in the same directory as the HTML-file.
// 5. Configure the links, the targets and the filenames inside the HTML-imagemap-code.
// 6. And now the tricky part!
// Configure all values x1 and x2 inside onMouseOver="clipthis(x1,x2)" inside
// the HTML-imagemap-code:
// x1 tells script the position (pixels) of the left
// margin position of the button
// (in relation to the left margin of the imagemap).
// x2 tells script the position of the right margin position of the button
// (in relation to the left margin of the imagemap).
// 6. Configure the varibales of the script below
// The width of your menu-imagemaps (pixels).
var menuwidth=500
// The height of your menu-imagemaps (pixels).
var menuheight=50
// The horizontal and vertical position of the images (pixels).
var pos_left=0
var pos_top=0
// Do not edit the variables below
var cliptop=0
var clipbottom=menuheight
var clipleft=0
var clipright=0
var cliprightmax=0
function initiate() {
if (document.all) {
document.all.menutop.style.posLeft=pos_left
document.all.menutop.style.posTop=pos_top
document.all.menubelow.style.posLeft=pos_left
document.all.menubelow.style.posTop=pos_top
document.all.menutop.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
document.menubelow.left=pos_left
document.menubelow.top=pos_top
document.menutop.left=pos_left
document.menutop.top=pos_top
document.menutop.clip.left=clipleft
document.menutop.clip.right=clipright
document.menutop.clip.top=cliptop
document.menutop.clip.bottom=clipbottom
}
}
function clipthis(cliplef,cliprightma) {
clipright=cliprightma
clipleft=cliplef
cliprightmax=cliprightma
if (document.all) {
document.all.menutop.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
document.menutop.clip.left=clipleft
document.menutop.clip.right=clipright
document.menutop.clip.top=cliptop
document.menutop.clip.bottom=clipbottom
}
}
// - End of JavaScript - -->
</script>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" alink="#0000ff" vlink="#0000ff" onLoad="initiate()">
<p align="center">
<img border="0" src="images/LS.jpg" width="78" height="24"><b>
<font size="5" color="#0000FF">Leander-Skou</font></b>
<div id="menubelow" style="POSITION: absolute">
</div>
<IMG border=0 src="lsmenufront.gif" useMap=#menubelowmap width="600" height="43">
<MAP NAME="menubelowmap">
<AREA SHAPE=RECT COORDS="1,0,96,52" HREF="http://www.24fun.com" onMouseOver="clipthis(30,90" target="_blank">
<AREA SHAPE=RECT COORDS="101,0,186,51" HREF="http://www.24fun.com" onMouseOver="clipthis(115,175" target="_blank">
<AREA SHAPE=RECT COORDS="192,1,282,50" HREF="http://www.24fun.com" onMouseOver="clipthis(195,270" target="_blank">
<AREA SHAPE=RECT COORDS="287,1,386,50" HREF="http://www.24fun.com" onMouseOver="clipthis(300,380" target="_blank">
<AREA SHAPE=RECT COORDS="391,1,495,50" HREF="http://www.24fun.com" onMouseOver="clipthis(408,480" target="_blank">
<AREA SHAPE=RECT COORDS="501,0,596,49" HREF="http://www.24fun.com" onMouseOver="clipthis(515,590)">
</MAP>
<div id="menutop" style="POSITION: absolute">
<IMG border=0 src="lsmenuback.gif" useMap=#menutopmap width="600" height="43">
<MAP NAME="menutopmap">
<AREA SHAPE=RECT COORDS="1,0,96,52" HREF="http://www.viewsource.dk" target="_blank">
<AREA SHAPE=RECT COORDS="101,0,186,51" HREF="http://www.viewsource.dk" target="_blank">
<AREA SHAPE=RECT COORDS="192,1,282,50" HREF="http://www.viewsource.dk" target="_blank">
<AREA SHAPE=RECT COORDS="287,1,386,50" HREF="http://www.viewsource.dk" target="_blank">
<AREA SHAPE=RECT COORDS="391,1,495,50" HREF="http://www.viewsource.dk" target="_blank">
<AREA SHAPE=RECT COORDS="501,0,596,49" HREF="http://www.viewsource.dk" target="_blank">
</MAP>
</div>
<font size=1 face=Verdana>
</font>
</p>
</body>
</html>
