Ok, jeg paster den. (Den indeholder temmelig sikkert en del slamkode, tag dig ikke af det).
Dropdown menuen har jeg genereret vha. et eksternt program som hedder: Visual QuickMenu Pro.
Scriptet i mit html dokument ser sådan ud:
<script language="JavaScript1.2" vqm_id="mydata.js">
vqm__notice='Visual QuickMenu Pro, (c) 2004 OpenCube Inc., All Rights Reserved, Visit -
www.opencube.com'; vqm__codebase='';
vqm__database='';
</script>
<script language="JavaScript1.2" src="mydata.js"></script>
<script language="JavaScript1.2" src="tdqm_loader.js"></script>
<script language="JavaScript1.2" id="vqp_generate_mainitems">generate_mainitems();</script>
Og så refererer den til eksterne filer som jeg har liggende i min mappe.
Html dokumentet hvori min scrollfunktion ligger, ser sådan ud:
<html>
<head>
<title>test</title>
<STYLE type=text/css>
#divUpControl {
Z-INDEX: 1; LEFT: 10px; WIDTH: 239px; TOP: 10px; TEXT-ALIGN: right
}
#divDownControl {
Z-INDEX: 1; LEFT: 10px; WIDTH: 239px; TOP: 10px; TEXT-ALIGN: right
}
#divContainer {
LEFT: 30px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 239px; CLIP: rect(0px 150px 150px 0px); TOP: 10px; HEIGHT: 312px
}
#divContent {
POSITION: relative
}
</STYLE>
<SCRIPT language=JavaScript>
function verifyCompatibleBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new verifyCompatibleBrowser()
var speed=70
var loop, timer
function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function MoveArea(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}
function PerformScroll(speed){
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}
function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
objContainer=new ConstructObject('divContainer')
objScroller=new ConstructObject('divContent','divContainer')
objScroller.MoveArea(0,0)
objContainer.css.visibility='visible'
initialised=true;
}
</SCRIPT>
<META content="MSHTML 6.00.2800.1126" name=GENERATOR>
<SCRIPT language=JavaScript>
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function tmt_findObj(n){
var x,t; if((n.indexOf("?"))>0&&parent.frames.length){t=n.split("?");
x=eval("parent.frames['"+t[1]+"'].document.getElementById('"+t[0]+"')");
}else{x=document.getElementById(n)}return x;
}
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function P7_autoLayers() { //v1.2 by PVII
var g,b,k,f,args=P7_autoLayers.arguments;
var a = parseInt(args[0]);if(isNaN(a))a=0;
if(!document.p7setc) {p7c=new Array();document.p7setc=true;
for (var u=0;u<10;u++) {p7c[u] = new Array();}}
for(k=0; k<p7c[a].length; k++) {
if((g=MM_findObj(p7c[a][k]))!=null) {
b=(document.layers)?g:g.style;b.visibility="hidden";}}
for(k=1; k<args.length; k++) {
if((g=MM_findObj(args[k])) != null) {
b=(document.layers)?g:g.style;b.visibility="visible";f=false;
for(j=0;j<p7c[a].length;j++) {
if(args[k]==p7c[a][j]) {f=true;}}
if(!f) {p7c[a][p7c[a].length++]=args[k];}}}
}
function P7_Snap() { //v2.62 by PVII
var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,args=P7_Snap.arguments;a=parseInt(a);
for (k=0; k<(args.length-3); k+=4)
if ((g=MM_findObj(args[k]))!=null) {
el=eval(MM_findObj(args[k+1]));
a=parseInt(args[k+2]);b=parseInt(args[k+3]);
x=0;y=0;ox=0;oy=0;p="";tx=1;da="document.all['"+args[k]+"']";
if(document.getElementById) {
d="document.getElementsByName('"+args[k]+"')[0]";
if(!eval(d)) {d="document.getElementById('"+args[k]+"')";if(!eval(d)) {d=da;}}
}else if(document.all) {d=da;}
if (document.all || document.getElementById) {
while (tx==1) {p+=".offsetParent";
if(eval(d+p)) {x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop"));
}else{tx=0;}}
ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);var tw=x+ox+y+oy;
if(tw==0 || (navigator.appVersion.indexOf("MSIE 4")>-1 && navigator.appVersion.indexOf("Mac")>-1)) {
ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);
}else{var w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;
a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;
x=document.body.scrollLeft + event.clientX + bx;
y=document.body.scrollTop + event.clientY;}}
}else if (document.layers) {x=g.x;y=g.y;var q0=document.layers,dd="";
for(var s=0;s<q0.length;s++) {dd='document.'+q0[s].name;
if(eval(dd+'.document.'+args[k])) {x+=eval(dd+'.left');y+=eval(dd+'.top');break;}}}
if(el) {e=(document.layers)?el:el.style;
var xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
if(navigator.appName=="Netscape" && parseInt(navigator.appVersion)>4){xx+="px";yy+="px";}
if(navigator.appVersion.indexOf("MSIE 5")>-1 && navigator.appVersion.indexOf("Mac")>-1){
xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);
xx+="px";yy+="px";}e.left=xx;e.top=yy;}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css/border.css" type="text/css">
<link rel="stylesheet" href="css/brodtekst.css" type="text/css">
</head>
<BODY bgColor=ffffff leftMargin=0 onload=InitialiseScrollableArea();MM_preloadImages('gif/pilned_hl.gif','gif/pilop_hl.gif')
marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" height="100%" cellspacing="0" align="center">
<tr>
<td>
<table width="861" cellpadding="0" height="415" cellspacing="0" align="center" border="0">
<tr>
<td class="Border" width="848" height="415">
<table width="848" border="1" cellspacing="0" cellpadding="0" height="415" align="center" bordercolor="777777" class="border">
<tr>
<td>
<table width="848" border="0" cellpadding="0" height="415" cellspacing="0" align="center">
<tr>
<td rowspan="2" height="415" align="left" valign="top" width="45"> </td>
<td width="262" height="45" align="left" valign="top"> </td>
<td width="279" height="45"> </td>
<td width="262" height="45"> </td>
</tr>
<tr>
<td width="262" height="370" align="left" valign="top"> </td>
<td width="279" height="370" bgcolor="#80827C">
<table width="279" border="0" cellpadding="0" height="370" cellspacing="0" align="center">
<tr>
<td rowspan="3" width="20" height="300"> </td>
<td width="239" height="10"> </td>
<td rowspan="3" width="20" height="300"> </td>
</tr>
<tr>
<td width="239" height="350" align="left" valign="top" class="font1">
<table height=350 cellspacing=0 cellpadding=0 width=239 align=center border=0>
<tbody>
<tr valign=bottom align="left">
<td height="340" width="239" valign="top">
<table cellspacing=0 cellpadding=0 width="239" border=0 height="20">
<tbody>
<tr>
<td class="brodtekst" height="25" width="239" align="left" valign="top">Overskrift</td>
<td height="20" width="1" align="right" valign="top">
<div align=right></div>
</td>
</tr>
</tbody>
</table>
<div id=divContainer>
<div id=divContent>
<p class="font1"><span class="brodtekst">Dummy
tekst. Engang for længe siden
kravlede en bavian ned fra træerne
for at leve ved den store Umfolozi flod.
<br>
Han bekendtgjorde, at alt land omkring
floden til-<br>
hørte ham, og ingen andre dyr
måtte drikke her. <br>
Kun en ung, hvid hanzebra turde sætte
sig op imod den egenrådige bavian
og udfordrede ham til kamp. <br>
Det blev aftalt, at den der tabte kampen
i al evighed skulle være forvist
til de flade klipper på den anden
side af floden.<br>
<br>
Begge dyr kæmpede af al kraft
og brugte de våben, som skaberen
havde givet dem. Zebraen sparkede og
bavianen bed. Efter lang tids kamp blev
zebraen kastet baglæns ind i bålet.
Flammerne slikkede hans krop og sved
hans fine, hvide pels. Smerterne gav
ham ny styrke og med et ufatteligt spark
sendte han bavianen over på klipperne
på den anden side af floden. Og
dér sidder han den dag i dag.
<br>
<br>
Ilden havde svedet lange sorte striber
i zebraens pels. Men han havde vundet
kampen og alle dyr kunne igen drikke
af flodens vand.<br>
<br>
Siden den dag har zebraen båret
sine striber med stolthed.</span>
</div>
</div>
</td>
</tr>
<tr valign=top>
<td align="right" height="10" width="239" valign="bottom"><a onMouseOver=PerformScroll(7)
onMouseOut=CeaseScroll() href="java script:;"><img height=6
src="gif/pilned.gif" width=7 border=0 name="pilned" onMouseOver="MM_swapImage('pilned','','gif/pilned_hl.gif',1)"onMouseOut="MM_swapImgRestore()"></a> <a onMouseOver=PerformScroll(-7)
onMouseOut=CeaseScroll() href="java script:;"><img
height=6 src="gif/pilop.gif" width=7
border=0 name="pilop" onMouseOver="MM_swapImage('pilop','','gif/pilop_hl.gif',1)"onMouseOut="MM_swapImgRestore()"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="239" height="10"> </td>
</tr>
</table>
</td>
<td width="262" height="370"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="Border" width="13" height="415" align="left" valign="bottom"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
OG min samlede kode, hvor det hele ligger sammen, og hvor scroll indholdet så ikke kan ses:
<html>
<head>
<title>test</title>
<STYLE type=text/css>
#divUpControl {
Z-INDEX: 1; LEFT: 10px; WIDTH: 239px; TOP: 10px; TEXT-ALIGN: right
}
#divDownControl {
Z-INDEX: 1; LEFT: 10px; WIDTH: 239px; TOP: 10px; TEXT-ALIGN: right
}
#divContainer {
LEFT: 30px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 239px; CLIP: rect(0px 150px 150px 0px); TOP: 10px; HEIGHT: 312px
}
#divContent {
POSITION: relative
}
</STYLE>
<SCRIPT language=JavaScript>
function verifyCompatibleBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new verifyCompatibleBrowser()
var speed=70
var loop, timer
function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function MoveArea(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}
function PerformScroll(speed){
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}
function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
objContainer=new ConstructObject('divContainer')
objScroller=new ConstructObject('divContent','divContainer')
objScroller.MoveArea(0,0)
objContainer.css.visibility='visible'
initialised=true;
}
</SCRIPT>
<META content="MSHTML 6.00.2800.1126" name=GENERATOR>
<SCRIPT language=JavaScript>
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function tmt_findObj(n){
var x,t; if((n.indexOf("?"))>0&&parent.frames.length){t=n.split("?");
x=eval("parent.frames['"+t[1]+"'].document.getElementById('"+t[0]+"')");
}else{x=document.getElementById(n)}return x;
}
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function P7_autoLayers() { //v1.2 by PVII
var g,b,k,f,args=P7_autoLayers.arguments;
var a = parseInt(args[0]);if(isNaN(a))a=0;
if(!document.p7setc) {p7c=new Array();document.p7setc=true;
for (var u=0;u<10;u++) {p7c[u] = new Array();}}
for(k=0; k<p7c[a].length; k++) {
if((g=MM_findObj(p7c[a][k]))!=null) {
b=(document.layers)?g:g.style;b.visibility="hidden";}}
for(k=1; k<args.length; k++) {
if((g=MM_findObj(args[k])) != null) {
b=(document.layers)?g:g.style;b.visibility="visible";f=false;
for(j=0;j<p7c[a].length;j++) {
if(args[k]==p7c[a][j]) {f=true;}}
if(!f) {p7c[a][p7c[a].length++]=args[k];}}}
}
function P7_Snap() { //v2.62 by PVII
var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,args=P7_Snap.arguments;a=parseInt(a);
for (k=0; k<(args.length-3); k+=4)
if ((g=MM_findObj(args[k]))!=null) {
el=eval(MM_findObj(args[k+1]));
a=parseInt(args[k+2]);b=parseInt(args[k+3]);
x=0;y=0;ox=0;oy=0;p="";tx=1;da="document.all['"+args[k]+"']";
if(document.getElementById) {
d="document.getElementsByName('"+args[k]+"')[0]";
if(!eval(d)) {d="document.getElementById('"+args[k]+"')";if(!eval(d)) {d=da;}}
}else if(document.all) {d=da;}
if (document.all || document.getElementById) {
while (tx==1) {p+=".offsetParent";
if(eval(d+p)) {x+=parseInt(eval(d+p+".offsetLeft"));y+=parseInt(eval(d+p+".offsetTop"));
}else{tx=0;}}
ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);var tw=x+ox+y+oy;
if(tw==0 || (navigator.appVersion.indexOf("MSIE 4")>-1 && navigator.appVersion.indexOf("Mac")>-1)) {
ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top);
}else{var w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10;
a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b;
x=document.body.scrollLeft + event.clientX + bx;
y=document.body.scrollTop + event.clientY;}}
}else if (document.layers) {x=g.x;y=g.y;var q0=document.layers,dd="";
for(var s=0;s<q0.length;s++) {dd='document.'+q0[s].name;
if(eval(dd+'.document.'+args[k])) {x+=eval(dd+'.left');y+=eval(dd+'.top');break;}}}
if(el) {e=(document.layers)?el:el.style;
var xx=parseInt(x+ox+a),yy=parseInt(y+oy+b);
if(navigator.appName=="Netscape" && parseInt(navigator.appVersion)>4){xx+="px";yy+="px";}
if(navigator.appVersion.indexOf("MSIE 5")>-1 && navigator.appVersion.indexOf("Mac")>-1){
xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin);
xx+="px";yy+="px";}e.left=xx;e.top=yy;}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css/border.css" type="text/css">
<link rel="stylesheet" href="css/brodtekst.css" type="text/css">
</head>
<BODY bgColor=ffffff leftMargin=0 onload=InitialiseScrollableArea();MM_preloadImages('gif/zebralink_SEL.gif','gif/pilned_hl.gif','gif/pilop_hl.gif')
marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" height="100%" cellspacing="0" align="center">
<tr>
<td>
<table width="861" cellpadding="0" height="415" cellspacing="0" align="center" border="0">
<tr>
<td class="Border" width="848" height="415">
<table width="848" border="1" cellspacing="0" cellpadding="0" height="415" align="center" bordercolor="777777" class="border">
<tr>
<td>
<table width="848" border="0" cellpadding="0" height="415" cellspacing="0" align="center">
<tr>
<td rowspan="2" height="415" align="left" valign="top" width="45"> </td>
<td width="262" height="45" align="left" valign="top"> </td>
<td width="279" height="45"> </td>
<td width="262" height="45"> </td>
</tr>
<tr>
<td width="262" height="370" align="left" valign="top"> </td>
<td width="279" height="370" bgcolor="#80827C">
<table width="279" border="0" cellpadding="0" height="370" cellspacing="0" align="center">
<tr>
<td rowspan="3" width="20" height="300"> </td>
<td width="239" height="10"> </td>
<td rowspan="3" width="20" height="300"> </td>
</tr>
<tr>
<td width="239" height="350" align="left" valign="top" class="font1">
<table height=350 cellspacing=0 cellpadding=0 width=239 align=center border=0>
<tbody>
<tr valign=bottom align="left">
<td height="340" width="239" valign="top">
<table cellspacing=0 cellpadding=0 width="239" border=0 height="20">
<tbody>
<tr>
<td class="brodtekst" height="25" width="239" align="left" valign="top">Overskrift</td>
<td height="20" width="1" align="right" valign="top">
<div align=right></div>
</td>
</tr>
</tbody>
</table>
<div id=divContainer>
<div id=divContent>
<p class="font1"><span class="brodtekst">Dummy
tekst. Engang for længe siden
kravlede en bavian ned fra træerne
for at leve ved den store Umfolozi flod.
<br>
Han bekendtgjorde, at alt land omkring
floden til-<br>
hørte ham, og ingen andre dyr
måtte drikke her. <br>
Kun en ung, hvid hanzebra turde sætte
sig op imod den egenrådige bavian
og udfordrede ham til kamp. <br>
Det blev aftalt, at den der tabte kampen
i al evighed skulle være forvist
til de flade klipper på den anden
side af floden.<br>
<br>
Begge dyr kæmpede af al kraft
og brugte de våben, som skaberen
havde givet dem. Zebraen sparkede og
bavianen bed. Efter lang tids kamp blev
zebraen kastet baglæns ind i bålet.
Flammerne slikkede hans krop og sved
hans fine, hvide pels. Smerterne gav
ham ny styrke og med et ufatteligt spark
sendte han bavianen over på klipperne
på den anden side af floden. Og
dér sidder han den dag i dag.
<br>
<br>
Ilden havde svedet lange sorte striber
i zebraens pels. Men han havde vundet
kampen og alle dyr kunne igen drikke
af flodens vand.<br>
<br>
Siden den dag har zebraen båret
sine striber med stolthed.</span>
</div>
</div>
</td>
</tr>
<tr valign=top>
<td align="right" height="10" width="239" valign="bottom"><a onMouseOver=PerformScroll(7)
onMouseOut=CeaseScroll() href="java script:;"><img height=6
src="gif/pilned.gif" width=7 border=0 name="pilned" onMouseOver="MM_swapImage('pilned','','gif/pilned_hl.gif',1)"onMouseOut="MM_swapImgRestore()"></a> <a onMouseOver=PerformScroll(-7)
onMouseOut=CeaseScroll() href="java script:;"><img
height=6 src="gif/pilop.gif" width=7
border=0 name="pilop" onMouseOver="MM_swapImage('pilop','','gif/pilop_hl.gif',1)"onMouseOut="MM_swapImgRestore()"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="239" height="10"> </td>
</tr>
</table>
</td>
<td width="262" height="370"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="Border" width="13" height="415" align="left" valign="bottom"><a href="
http://www.zebra-pro.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('zebralink','','gif/zebralink_SEL.gif',1)"><img name="zebralink" border="0" src="gif/zebralink.gif" width="13" height="103"></a></td>
</tr>
</table>
<table width="861" border="0" cellspacing="0" cellpadding="0" height="30" align="center">
<tr>
<td align="center" valign="bottom"><script language="JavaScript1.2" vqm_id="mydata.js">
vqm__notice='Visual QuickMenu Pro, (c) 2004 OpenCube Inc., All Rights Reserved, Visit -
www.opencube.com'; vqm__codebase='';
vqm__database='';
</script>
<script language="JavaScript1.2" src="mydata.js"></script>
<script language="JavaScript1.2" src="tdqm_loader.js"></script>
<script language="JavaScript1.2" id="vqp_generate_mainitems">generate_mainitems();</script></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Det var en lang smøre. Sig endelig til hvis jeg må maile dig min samlede mappe, med filerne til dropdownmenuen som der refereres til.