Suche Hilfe bei Hover Menü

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Suche Hilfe bei Hover Menü

      Servus ihr lieben.

      Ich bastel momentan an einer Homepage und ich habe Probleme sie so umzusetzten wie ich das möchte^^

      So sieht bei mir die Navigation aus:

      mmo-core.de/attachment/3524/?s…07f7525bfceaeb582a7df473c

      Ich habe ganz oben auf der Homepage ein DIV mit dem Bild als Background. Die Menüpunkte+Einlogg Felder habe ich mit Hilfe einer Tabelle in dem Stil getrennt:

      {[Übersicht][Event][Einlogzeug][Multimedia][Turniere]}

      Nun habe ich unter der Tabelle bzw unter dem DIV ein weitern DIV, das ein aufklappbares Menü werden soll.
      Sprich: Wenn man mit der Maus über "Übersicht" geht soll der DIV erscheinen.

      Mein Problem: Es will nicht -.-!

      HTML Code:

      Quellcode

      1. <a href="#" class="hover" onMouseOver="uebersichtA()" onMouseOut="out()">Übersicht</a>
      2. .
      3. .
      4. .
      5. .
      6. <div class="menu"> </div>


      CSS:

      Quellcode

      1. .menu
      2. {
      3. background: transparent url(../Bilder/menu.png);
      4. position: relative;
      5. width: 830px;
      6. height: 33px;
      7. margin-top: -51px;
      8. -moz-transition: all 0.5s ease 0s;
      9. -webkit-transition: all 0.5s ease 0s;
      10. transition: all 0.5s ease 0s;
      11. opacity: 0;
      12. overflow: hidden;
      13. }
      15. .hover:hover +.menu
      16. {
      17. opacity: 1;
      18. }
      Alles anzeigen


      Wenn ich den DIV des Untermenüs genau unter dem Link von "Übersicht" mache, dann geht es aber wenn ich den DIV ans Ende der Tabelle schiebe, gehts nicht -.-

      Ich habe auch schon simpel mit "visibility: hidden" und "visible" oder "display: none" und "block" probiert doch da ists genau das selbe.

      Hoffe mir kann jemand helfen :(

      Grüße,
      Ranox
      Bilder

      • navi.jpg

        5,45 kB, 800×67, 178 mal angesehen

    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )