nicht angemeldet
Hallo hendrik.
Ich habe mal ein bisschen rumgebastelt. Dürfte jetzt aber nicht mehr unter allen Browsern funktionieren... dafür sehr kompakt im Script-bereich.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body {
color:#004b8c;
background-color:#888;
padding:0px;
margin:0px;
}
.title {
color:#004b8c;
position:fixed;
background-image:url(http://www.fortunecity.de/parkalleen/parkallee/612/back.jpg);
top:0px;
left:0px;
width:100%;
padding:3px;
height:20px;
border-bottom-color:#004b08c;
border-bottom-style:solid;
border-bottom-width:1px;
}
.title span {
background-color:transparent;
font-family:verdana;
font-size:18px;
word-spacing:4px;
}
.subtitle {
color:#004b8c;
position:fixed;
background-image:url(http://www.fortunecity.de/parkalleen/parkallee/612/back.jpg);
top:27px;
left:0px;
width:100%;
padding:3px;
height:20px;
border-bottom-color:#004b08c;
border-bottom-style:solid;
border-bottom-width:1px;
}
.subtitle span{
font-family:verdana;
font-size:18px;
position:fixed;
display:none;
top:27px;
}
#menu1{ left:5px; }
#menu2{ left:50px; }
#menu3{ left:150px; }
#menu4{ left:200px; }
#menu5{ left:260px; }
#menu6{ left:360px; }
#menu7{ left:430px; }
#menu8{ left:500px; }
#menu9{ left:600px; }
</style>
<script type="text/javascript">
<!--
function Show()
{ var firedobj = ns6 ? e.target : event.srcElement;
if(firedobj.id.indexOf("li") == 0)
{ z.style.display = "none";
z = document.getElementById("menu"+firedobj.id.charAt(2));
z.style.display = "block";
} }
function init()
{ ns6 = document.getElementById && !document.all;
if ( document.all || ns6)
{ document.onmouseover = Show;
z = document.getElementById("menu1"); } }
//-->
</script>
<link rel="stylesheet" href="menu.css" type="text/css">
</head>
<body onLoad="init()">
<div class="title">
<span>
<a id="li1">start</a>
<a id="li2">guestbook</a>
<a id="li3">chat</a>
<a id="li4">forum</a>
<a id="li5">downloads</a>
<a id="li6">games</a>
<a id="li7">links</a>
<a id="li8">über mich</a>
<a id="li9">email</a>
</span>
</div>
<div class="subtitle">
<span id="menu1">start</span>
<span id="menu2">guestbook</span>
<span id="menu3">chat</span>
<span id="menu4">forum</span>
<span id="menu5">downloads</span>
<span id="menu6">games</span>
<span id="menu7">links</span>
<span id="menu8">über mich</span>
<span id="menu9">email</span>
</div>
<br><br><br><br><br><br><br><br><br><br>
</body>
</html>