K
Korial1992
Hallo Liebe Tutorials community bin gerade am homepage erstellen und nun ma ne frage...
hab zwar n rollover menü eingebaut jedoch will ich das das menü an der linken seite bestehen bleibt wenn man über das menü eine andere seite aufruft... z.b. ein forum.
hier mein quelltext für das menü:
<head>
<script type="text/javascript"><!--
function displayList(id) {
with (document) {
if (getElementById) {
getElementById(id).style.display = "block";
} else if (all) {
all[id].style.display = "block";
} else {
layers[id].display = "block";
}
}
}
function hideList(id) {
with (document) {
if (getElementById) {
getElementById(id).style.display = "none";
} else if (all) {
all[id].style.display = "none";
} else {
layers[id].display = "none";
}
}
}//-->
</script>
<style type="text/css">
ul,li {
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu {
position: absolute;
top: 35px;
}
div.menu li {
width: 140px;
float: left;
}
div.menu a:hover {
background-color: #ccc;
}
div.menu a {
border: 1px solid #888;
text-decoration: none;
text-align: center;
background-color: #EEE;
margin: 0px 2px;
display: block;
}
#smenu1, #smenu2 {
display: none;
width: 140px;
float: left;
}
#smenu1 a, #smenu2 a {
padding-top: 2px;
border-top: 0px;
}
</style>
</head>
<body>
<table>
<tr><td>
<div class="menu">
<ul>
<li><a href="#" onmouseover="displayList('smenu0')" onmouseout="hideList('smenu0')">Navigationsmenü</a>
<ul id="smenu0" onmouseover="displayList('smenu0')" onmouseout="hideList('smenu0')"
</li>
<li><a href="http://g3rm4nk1ll3r2.g3.funpic.de" onmouseover="displayList('smenu1')" onmouseout="hideList('smenu1')">Home</a>
<ul id="smenu1" onmouseover="displayList('smenu1')" onmouseout="hideList('smenu1')">
<li><a href="#">Impressum</a></li>
<li><a href="#">Forum</a></li>
<li><a href="http://korial1992.rockt.es">Partner Homepage</a></li>
</li>
<li><a href="#" onmouseover="displayList('smenu2')" onmouseout="hideList('smenu2')">Something</a>
<ul id="smenu2" onmouseover="displayList('smenu2')" onmouseout="hideList('smenu2')">
<li><a href="http://www.rapidshare.com">Download Area</a></li>
<li><a href="#">Picture Area</a></li>
<li><a href="#">Webradio</a></li>
</ul> </ul>
</li>
</ul>
</div>
</td></tr>
<tr><td></td></tr>
</table>
<div class="content">
<p><br /><br /></p>
</div>
</body>
hab zwar n rollover menü eingebaut jedoch will ich das das menü an der linken seite bestehen bleibt wenn man über das menü eine andere seite aufruft... z.b. ein forum.
hier mein quelltext für das menü:
<head>
<script type="text/javascript"><!--
function displayList(id) {
with (document) {
if (getElementById) {
getElementById(id).style.display = "block";
} else if (all) {
all[id].style.display = "block";
} else {
layers[id].display = "block";
}
}
}
function hideList(id) {
with (document) {
if (getElementById) {
getElementById(id).style.display = "none";
} else if (all) {
all[id].style.display = "none";
} else {
layers[id].display = "none";
}
}
}//-->
</script>
<style type="text/css">
ul,li {
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu {
position: absolute;
top: 35px;
}
div.menu li {
width: 140px;
float: left;
}
div.menu a:hover {
background-color: #ccc;
}
div.menu a {
border: 1px solid #888;
text-decoration: none;
text-align: center;
background-color: #EEE;
margin: 0px 2px;
display: block;
}
#smenu1, #smenu2 {
display: none;
width: 140px;
float: left;
}
#smenu1 a, #smenu2 a {
padding-top: 2px;
border-top: 0px;
}
</style>
</head>
<body>
<table>
<tr><td>
<div class="menu">
<ul>
<li><a href="#" onmouseover="displayList('smenu0')" onmouseout="hideList('smenu0')">Navigationsmenü</a>
<ul id="smenu0" onmouseover="displayList('smenu0')" onmouseout="hideList('smenu0')"
</li>
<li><a href="http://g3rm4nk1ll3r2.g3.funpic.de" onmouseover="displayList('smenu1')" onmouseout="hideList('smenu1')">Home</a>
<ul id="smenu1" onmouseover="displayList('smenu1')" onmouseout="hideList('smenu1')">
<li><a href="#">Impressum</a></li>
<li><a href="#">Forum</a></li>
<li><a href="http://korial1992.rockt.es">Partner Homepage</a></li>
</li>
<li><a href="#" onmouseover="displayList('smenu2')" onmouseout="hideList('smenu2')">Something</a>
<ul id="smenu2" onmouseover="displayList('smenu2')" onmouseout="hideList('smenu2')">
<li><a href="http://www.rapidshare.com">Download Area</a></li>
<li><a href="#">Picture Area</a></li>
<li><a href="#">Webradio</a></li>
</ul> </ul>
</li>
</ul>
</div>
</td></tr>
<tr><td></td></tr>
</table>
<div class="content">
<p><br /><br /></p>
</div>
</body>
