nicht angemeldet
Super Idee, Danke Dafür.
Aber Sie funzt leider nicht, ich habe auch schon probiert alle schreib fehler zu beseitigen aber ich habe nicht so ein geschultes auge.
Die Idee ist Spitze aber könntest du dir das noch mal anschauen....:
menu.html:
<html>
<head>
<title></title>
<link rel="stylesheet" href="menu.css" type="text/css">
<script type="javascript">
function ShowMenu(no)
{
document.getElementById("menu" + no).style.display = 'block';
}
function HideMenu(no)
{
document.getElementById('menu' + no).style.display = 'none';
}
</script>
</head>
<body>
<div class="title">
<span>
<a onMouseOver="ShowMenu(1);">start</a>
<a>guestbook</a>
<a>chat</a>
<a>forum</a>
<a>downloads</a>
<a>games</a>
<a>links</a>
<a>über mich
<a>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>
menu.css
body {
color:#004b8c;
background-color:#888;
padding:0px;
margin:0px;
}
.title {
color:#004b8c;
position:fixed;
background-image:url(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(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;
}
#menu1{
position:fixed;
top:27px;
left:0px;
display:none;
}
.subtitle #menu2{
position:fixed;
top:27px;
left:50px;
visibility:hidden;
}
.subtitle #menu3{
position:fixed;
top:27px;
left:150px;
visibility:hidden;
}
.subtitle #menu4{
position:fixed;
top:27px;
left:200px;
visibility:hidden;
}
.subtitle #menu5{
position:fixed;
top:27px;
left:260px;
visibility:hidden;
}
.subtitle #menu6{
position:fixed;
top:27px;
left:360px;
visibility:hidden;
}
.subtitle #menu7{
position:fixed;
top:27px;
left:430px;
visibility:hidden;
}
.subtitle #menu8{
position:fixed;
top:27px;
left:500px;
visibility:hidden;
}
.subtitle #menu9{
position:fixed;
top:27px;
left:600px;
visibility:hidden;
}