Untermenü sichtbar machen (Visible??)

[malibu85]

Hallo Leute ich habe folgendes Problem. Ich habe eine Menüleiste in form einer Tabelle erstellt. Ein Menüpunkt heiß Sportangebote, welcher verschiedene Unterkategorien wie zB Yoga, Fußball etc enthalt muss. Um die Übersicht zu bewahren habe ich mich dafür entschieden, dass bein überfahren mit dem mauszeiger über dem Menüpunkt "Sportangebote", ein kleines Untermenü sichtbar wird gleich links neben dem Hauptmenüpunkt Sportangebote.

Ich habe in einer separate CSS-Datei die Einstellungen

.vis {visibility:hidden;}
a:hover .vis {visibility:visible;}

verwendet.

Soweit so gut nur nun habe ich folgendes Problem. Und zwar kann ich das Untermenü nicht erreichen denn es verschwindet direkt nachdem rüberschwenken mit dem Mauszeiger sofort wieder. Ist ja auch kein wunder denn diese Einstellungen habe ich ja so festgelegt. Ich habe aber auch schon auf anderen Internetseiten gesehen, dass es möglich ist, wenn sich der Mauszeier auf in dem Untermenü befindet, dann bleibt es bestehen. Weiß jemand vielleicht wie das funktioniert?

hier kurz einen Ausschnitt aus dem Quelltext:

[FONT='Calibri','sans-serif']

    <td><a href="Datei.html">>>Sportangebot
                                                      <span class="vis">

                                <table id="extra" border="0">
                               <tr>
                               <td><a href="Datei.html">Fußball </td></a>
                               </tr>
                               <tr>
                               <td><a href="Datei.html">Tanzen </td></a>
                               </tr>
                               <tr>
                               <td><a href="Datei.html">Yoga </td></a>
                               </tr>
                              </table>
                                                      </span></a>

[/FONT]</SPAN>

 

[koslowski]

Hi,

du meinst sicher ein dropdown-menü.

Hier findest du was dazu.
zu finden unter "Menus - Multi-Level CSS Only" -> ganz ohne JavaScript, aber mit ConditionalComments für den IE.

Das ist aber nicht einfach, da solltest du in CSS schon zu den Fortgeschrittenen gehören.

es gibt auch Lösungen mit Javascript, hier zum Beispiel mit JS für den IE.