html untermenü

[klyer]

hi leute,

ich bin grad dran, eine menüleiste mit untermenüs zu versehen (javascript).

das ganze sieht in etwa so aus:

wenn ich jetzt über "Link2" fahre, öffnet sich das gleiche fenster, nur halt auch dort, wo sich das von "Link1" öffnet.

ich denke es liegt warscheinlich an der CSS-Datei.

hier mal die relevanten codes:

HTML:

<div id="navibar">
     <div id="navibox">
         <div id="navilinks">
         <div OnMouseOver="MenueAuf('Menue')"
          OnMouseOut="MenueZu('Menue')">&nbsp;Link1&nbsp;</DIV>
          <div class="unter" id="Menue" OnMouseOver="MenueAuf('Menue')"
         OnMouseOut="MenueZu('Menue')">
          <a href="1.htm">Untermenue 1</a><br />
          <a href="2.htm">Untermenue 2</a><br />
          </div>
          </div>
          <div id="navilinks">
         <div OnMouseOver="MenueAuf('Menue')"
          OnMouseOut="MenueZu('Menue')">&nbsp;Link2&nbsp;</DIV>
          <div class="unter" id="Menue1" OnMouseOver="MenueAuf('Menue')"
         OnMouseOut="MenueZu('Menue')">
          <a href="1.htm">Untermenue 1</a><br />
          <a href="2.htm">Untermenue 2</a><br />
          </div>
         </div>
    </div>
</div>

und die CSS:

#navibox {
         width:1000px;
         height:50px;
         margin:0px auto;
}

#navilinks {
         float:right;
         font-size:30px;
         text-align:center;
         display:block;
         padding-right:50px;
}

.unter {
      font-size:20px;
      position: absolute;
      Visibility: hidden;
      Width: 150px;
      text-align:center;
      background-color:#ffffff;
      border-style:solid;
      border-color:#383f65;
      border-width:5px;
}

würde mich freuen, wenn mir jemand einen zündenden tipp geben könnte, wie man die untermenüs direkt unter die hauptmenüs platzieren kann.

mfg
klyer

 

[_Thor_]

ich denke es liegt warscheinlich an der CSS-Datei.

Nein, es liegt am HTML und am JavaScript, denn dein HTML besteht nur aus divs und Verweisen und hat somit die eigentliche Aufgabe von HTML völlig verfehlt. Ein Menü mit JavaScript zu erstellen ist auch nicht sinnvoll, da es dann bei abgeschaltetem JavaScript nicht mehr funktioniert und die Seite nicht benutzbar ist.

Ein Menü ist eine Liste von Verweisen.

<ul id="navigation">
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li>
    <ul id="subMenu">
      <li><a href="">Link</a></li>
      <li><a href="">Link</a></li>
    </ul>
  </li>
</ul>

 

[klyer]

ja aber wie kann ich denn ein sog. dropdown menü mit css realisieren?

Edit: hat sich nach langem googeln nun erledigt ;)

thx