nicht angemeldet
Guten Morgen,
ich habe mir gestern Abend diese Navbar zusammengebaut:
<html>
<head>
<style type="text/css">
#navitem{padding:0px; margin:0px; float:left; list-style-type:none;}
#navitem a{padding:6px 6px; display:block; font:13px Arial; color:#000000; text-decoration:none;}
#navitem ul{margin:0; padding:0; position:absolute; display:none;}
#navitem li{padding:0; margin:0; float:left; position:relative; display:block; list-style:none;}
#navitem li a:hover{padding:6px 6px; display:block; background:url(../images/navitemhover.jpg) no-repeat center; font:13px Arial; color:#000000; text-decoration:none;}
#navitem li a:visited, #navitem li a:active{color:#000000;}
#navitem li ul{display:none; width:100%;}
#navitem li ul a{padding:6px 0px; display:block; background:url(../images/navitemlili.jpg) repeat-y left top; font:13px Arial; color:#000000; text-decoration:none; text-indent:6px;}
#navitem li ul a:hover{background:url(../images/navitemlili.jpg) repeat-y; background-position:-387px 0px; color:#000000; text-indent:0px;}
#navitem li:hover ul{display:block;}
#navitem li:hover ul ul{position:absolute; display:none;}
#navitem li ul:hover ul{display:block;}
.nav1{width:160px;}
</style>
</head>
<body>
<!--[if IE]>
<style type="text/css">
p.iepara{padding-top: 1em;}
</style>
<![endif]-->
<table cellspacing="0" align="center">
<tr>
<td>
<ul id="navitem">
<li><a href="#">Nachrichten</a>
<ul>
<li class="nav1"><a href="nachrichtneu.php">Nachrichten eingeben</a></li>
<li class="nav1"><a href="nachrichtanzeigen.php">Nachrichten anzeigen</a></li>
</ul>
</li>
<li><a href="#">Seiteninhalte</a>
<ul>
<li class="nav1"><a href="biografie.php">Biografie bearbeiten</a></li>
<li class="nav1"><a href="danke.php">Dankeseite bearbeiten</a></li>
<li class="nav1"><a href="impressum.php">Impressum bearbeiten</a></li>
</ul>
</li>
<li><a href="#">Kolumne</a>
<ul>
<li class="nav1"><a href="kolumneneu.php">Kolumne eingeben</a></li>
<li class="nav1"><a href="kolumneanzeigen.php">Kolumne anzeigen</a></li>
</ul>
</li>
<li><a href="#">Projekte</a>
<ul>
<li class="nav1"><a href="projektneu.php">Projekt eingeben</a></li>
<li class="nav1"><a href="projektanzeigen.php">Projekte anzeigen</a></li>
</ul>
</li>
<li><a href="#">Fotos</a>
<ul>
<li class="nav1"><a href="bildeinfugen.php">Fotos einfügen</a></li>
<li class="nav1"><a href="bilderanzeigen.php?albumselect=nothing">Fotos anzeigen</a></li>
</ul>
</li>
<li><a href="#">Newsletter</a>
<ul>
<li class="nav1"><a href="newsletter.php">Newsletter verschicken</a></li>
<li class="nav1"><a href="emailsanzeigen.php">Emailadressen anzeigen</a></li>
</ul>
</li>
<li><a href="#">Extras</a>
<ul>
<li class="nav1"><a href="backup.php?dataselect=nothing">Backup</a></li>
<li class="nav1"><a href="#">Pinnwand</a></li>
</ul>
</li>
<li><a href="javascript:closewindow()">Logout</a></li>
</ul>
</td>
</tr>
</table>
<script type="text/javascript">
/* <![CDATA[ */
var navitem = document.getElementById("navitem").getElementsByTagName("UL");
for (i=0;i<navitem.length;i++)
{
navitem[i].setAttribute("id","navitem"+i)
if (navitem[i].parentNode.nodeName == "LI")
{
navitem[i].parentNode.onmouseover = function ()
{
this.lastChild.style.display = "block";
}
navitem[i].parentNode.onmouseout = function ()
{
this.lastChild.style.display = "none";
}
}
}
/* ]]> */
</script>
</body>
</html>
Der Code oben, ist bei mir auf der Indexseite und auf jeder Seite "<li>" bzw. Unterseite "<li> <ul> <li>". Aber wass nicht in IE 6 klappt ist folgendens:
Auf meiner Indexseite kann ich jeden Link auswählen und anklicken. Die Seite wird dann auch angezeigt. Wenn ich aber z.B. von der Indexseite auf "kolumneanzeigen.php" klicke wird die Seite geöffnet. Wenn ich aber nun von der "kolumneanzeigen.php" Seite aus der Menüleiste eine anderen Link auswaehlen will funktioniert es nicht ???
Ich denke, dass es was mit Javascript zu tun haben könnte.
Komischerweise klappt es bei meinem IE6 nicht. Aber bei einem Freund, der sich die Seite auch in IE6 anguckt, klappt es ???
Viele Grüße
Timur