Så har du lidt at kigge på:
<html>
<head>
<title>..: parafly :..</title>
<LINK href="css_filer/ss_wci.css" type=text/css rel=stylesheet>
<style type="text/css">
<!--
a.menu {
FONT-SIZE: 10px;
color: #FFFFFF;
text-decoration : none;
display:block;
width:100%;
border: 1px solid #CCCCCC;
letter-spacing: 1px;
padding: 3;
}
a.menu:hover {
FONT-SIZE: 10px;
color: #DEFE53;
text-decoration : none;
display:block;
width:100%;
border: 1px solid #DEFE53;
letter-spacing: 1px;
padding: 3;
}
a.menu:active{
FONT-SIZE: 10px;
color: #CCCCCC;
text-decoration : none;
display:block;
width:100%;
border: 1px solid #CCCCCC;
letter-spacing: 1px;
padding: 3;
}
.layer01 {
position: absolute;
top: 87px;
left: 180px;
visibility: hidden;
z-index: 1;
}
-->
</style>
<script type="text/JavaScript">
<!--
function findObj(theObj, theDoc) {
var p, i, foundObj;
if(!theDoc) theDoc = document;
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) {
theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p); }
if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
return foundObj;
}
function skjulDiv(evt) {
var b,relT,mT=false;
if(document.layers){b=evt.target;if(b.pEaHide){
b.visibility="hidden";}else{routeEvent(evt);}
}else if(document.all&&!window.opera){b=event.srcElement;
while(b!=null){if(b.tagName=="DIV" && b.pEahD){mT=true;break;}b=b.parentElement;}
if(!b.contains(event.toElement)){b.style.visibility="hidden";}
}else if(document.getElementById){b=evt.currentTarget;relT=evt.relatedTarget;
while(relT!=null){if(b==relT){mT=true;break;}
relT=relT.parentNode;}if(!mT){b.style.visibility="hidden";}}
}
function autoSkjul() {
var i,g,args=autoSkjul.arguments;
for(i=0;i<args.length;i++){if((g=findObj(args[i]))!=null){
g.pEaHide=true;if(document.layers){
g.captureEvents(Event.MOUSEOUT);}g.onmouseout=skjulDiv;g.pEahD=true;}}
}
//-->
</script>
<script type="text/javascript">function show(object) {
if (document.getElementById && document.getElementById(object) != null) {
document.getElementById(object).style.visibility='visible';
document.getElementById(object).style.display='block';
}
else if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'visible';
else if (document.all) {
document.all[object].style.zIndex = 100;
document.all[object].style.visibility = 'visible';
}
}
function hide(object) {
if (document.getElementById && document.getElementById(object) != null) {
document.getElementById(object).style.visibility='hidden';
document.getElementById(object).style.display='none';
}
else if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
</script>
<base target="_self">
</head>
<body topmargin="0" leftmargin="0" scroll="auto" bgcolor="#3E4B63" onload="autoSkjul('L1','L2','L3');">
<table border="0" width="725" cellpadding="2" height="100%">
<tr>
<td width="725" valign="top" bgcolor="#3E4B63">
<table border="0" height="192" cellpadding="0" cellspacing="3">
<center>
<tr>
<td height="19" width="170"><a href="#" class="menu" target="_self"> :: POWERED
PARAGLIDING</a></td>
<td height="19" width="170"></td>
</tr>
<tr>
<td height="19" width="170"><a href="#" class="menu"> ::
TEKNISK INFO</a></td>
<td height="19" width="170"></td>
</tr>
<tr>
<td height="19" width="170"><a href="#" class="menu" onmouseover="hide('L1');return"> ::
KØB OG SALG</a></td>
<td height="19" width="170"></td>
</tr>
<tr>
<td height="19" width="170"><a href="#" class="menu" onmouseover="show('L1');return"> ::
ARKIVET</a></td>
</center>
<td height="19" width="170"><div id="L1" class="layer01" style="width: 170">
<table width="170" cellpadding="0" border="0" height="19">
<tr>
<td width="170">
<div align="right">
<p align="center"><a class="menu" href="#" onFocus="blur()" target="_self">FOTO
ALBUMMET</a>
</div>
</td>
</tr>
<tr>
<td width="170">
<div align="right">
<p align="center"><a class="menu" href="#" onFocus="blur()" target="_self">VIDEO
ARKIVET</a>
</div>
</td>
</tr>
</table>
</div></td>
<center>
</tr>
<tr>
<td height="19" width="170"><a href="#" class="menu" onmouseover="hide('L1');return"> ::
LÆR AT FLYVE</a></td>
<td height="19" width="170"></td>
</tr>
<tr>
<td height="19" width="170"><a href="#" class="menu"> ::
KONTAKT</a></td>
<td height="19" width="170"></td>
</tr>
<tr>
<td height="19" width="170"><a href="#" class="menu"> ::
ADMIN</a></td>
<td height="19" width="170"></td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</body>
</html>
