Florian Tobias: Einblenden einer Navigation unter IE6 - Problem

Beitrag lesen

SELF-Forum

Einblenden einer Navigation unter IE6 - Problem

Florian Tobias
−2 Informationen zu den Bewertungsregeln

Hallo, ich habe das Problem das sich meine Navigation unter IE6 nicht mehr einblenden lassen will! Es hatte schon mal funktioniert, doch jetzt nicht mehr! Ich finde einfach den Fehler nicht, es scheint alles richtig zu sein ... Pls help.

Hier einmal fetzen aus dem HTML Code:

<html>
      <head>
            <title>Storm Project</title>
            <meta name="description" content="New Project">
            <meta name="author" content="ArCaNuS">
            <meta name="generator" content="Ulli Meybohms HTML EDITOR">
            <link rel="stylesheet" href="design/css/style.css" type="text/css">
            <script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
  function hoverIE() {
    var LI = document.getElementById("nav2").firstChild;
    do {
      if (sucheUL(LI.firstChild)) {
        LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
      }
      LI = LI.nextSibling;
    }
    while(LI);
  }

function sucheUL(UL) {
    do {
      if(UL) UL = UL.nextSibling;
      if(UL && UL.nodeName == "UL") return UL;
    }
    while(UL);
    return false;
  }

function einblenden() {
    var UL = sucheUL(this.firstChild);
    UL.style.display = "block"; UL.style.backgroundImage = "url(../grafiken/ahoverhinter2.png);";
  }
  function ausblenden() {
    sucheUL(this.firstChild).style.display = "none";
  }

window.onload=hoverIE;
}
</script>
</head>
<body>
<div class="nav">
                 <ul id="nav2">
                     <li><a href="home.html" target="frame1">Home</a></li>
                     <li><a href="#" target="frame1">Links</a></li>
                     <li><a href="#" target="frame1">Schule</a>
                            <ul><!-- Hier ist die unter Navigation die sich einblenden soll! -->
                                <li><a href="#" target="frame1">My School</a></li>
                                <li><a href="#" target="frame1">Bilder</a></li>
                            </ul>
                     </li>
                     <li><a href="#" target="frame1">Katzen</a></li>
                     <li><a href="#" target="frame1">Gästebuch</a></li>
                 </ul>
            </div>

So, der CSS Code dazu:

ul#nav2 li:hover ul
{
    display:block;
}

ul#nav2 li ul
{
    display:none;
    position:absolute;
    top:1.7em;
    left:15.2em;
    margin:0px;
    padding:0px
}

/* classes */
.nav
{
    position:absolute;
    top:610px;
    left:245px;
    z-index:4;
}

.nav li
{
    width:100px;
    height:30px;
    text-align:center;
    list-style:none;
    float:left;
}

/* Hyperlinks nav */
.nav a
{
    text-decoration:none;
    width:100%;
    height:100%;
    font-family:Tahoma;
    color:#AAAAAA;
    background-image:url(../grafiken/ahinter2.png);
    display:block;
    line-height:1.8em;
}

.nav a:hover
{
    background-image:url(../grafiken/ahoverhinter2.png);
    color:#BBBBBB;
}

Wie gesagt: Alles nur Fetzen des Quellcodes!

Danke schon mal ..

Beitrag melden
−2
Informationen zu den Bewertungsregeln