onmouseout Problem

[Chandini]

Hallo!

Ich habe hier ein kleines Problem mit onmouseout.
Habe mir ein Menü mit diversen Unterpunkten zusammengebastelt. Die Unterpunkte sollen halt erscheinen, wenn ich mit der Maus auf einen Überpunkt zeige.
Jetzt ist nur das Problem, dass die Unterpunkte sofort wieder verschwinden, wenn ich nicht mehr auf dem Hauptpunkt bin. Ich könnte die also gar nicht anklicken. Und das will ich eigentlich schon.
Habe hier mal einen Link zu dem Menü, damit ihr wisst, was ich meine.
Das kommt bei den Punkten "Über uns", "Aktuelles" und "Lösungen".

Menü

Irgendwie hat jetzt zwar die Formatierung da nicht so ganz geklappt, wie sie sollte. Aber ich denk mal, man sieht trotzdem, was ich meine.

Gibt's da irgendeine Lösung dafür?

vlg, Ines

 

[Helge]

Hi, du musst aus:

· <a href="http://www.kl-computer.de/modules.php?name=Content&pa=showpage&pid=7" onmouseover="show_div('cat2')" onmouseout="close_all_divs()">Aktuelles</a>
<div id="cat2" style="display: none; width: 95; height: 41">
    
        · <a href="http://www.kl-computer.de/modules.php?name=Content&pa=showpage&pid=3" class="sub">Angebote</a><br>
    
        · <a href="http://www.kl-computer.de/modules.php?name=Topics" class="sub">News</a><br>

        · <a href="http://www.kl-computer.de/modules.php?name=Newsletter" class="sub">Newsletter</a>

</div>

das machen:

· <a href="http://www.kl-computer.de/modules.php?name=Content&pa=showpage&pid=7" onmouseover="show_div('cat2')">Aktuelles</a>
<div id="cat2" style="display: none; width: 95; height: 41" onmouseout="close_all_divs()">
    
        · <a href="http://www.kl-computer.de/modules.php?name=Content&pa=showpage&pid=3" class="sub">Angebote</a><br>
    
        · <a href="http://www.kl-computer.de/modules.php?name=Topics" class="sub">News</a><br>

        · <a href="http://www.kl-computer.de/modules.php?name=Newsletter" class="sub">Newsletter</a>

</div>

alles was verändert wurde is das der onmouseout jetzt dem div zugeordnet ist. kann natürlich sein dass dies wiederum einige probleme mit sich bringt, ansonsten machste halt onClick oder n closebutton oder weiß ich was

 

[Chandini]

Hallo nochmal!

Funktioniert nur teilweise so.
Jetzt bleiben die Unterpunkte solange da, bis ich den ersten Unterpunkte mit der Maus verlasse. Aber ich bräuchte halt was, wo ich über alle Unterpunkte kann und erst beim letzten schließt sich das Untermenü.

Hab hier nochmal nen Link dazu, wie es jetzt aussieht.

Menü 2

vlg, Ines

 

[Quaese]

Hi!

Oder Du setzt Deine jeweiligen Menüpunkte nochmals in ein DIV-Container und
weist dort nochmals die Ereignisse MouseOver und MouseOut zu.
Das sollte zuverlässiger funktionieren, da bei oberer Lösung passieren kann, dass
der Cursor zur Seite herausbewegt wird und das Menü aufgeklappt bleibt.

<div style="width: 100px;" onmouseover="show_div('cat1')" onmouseout="close_all_divs()">
    · <a href="http://www.kl-computer.de/modules.php?name=Content&pa=showpage&pid=2" onmouseover="show_div('cat1')" onmouseout="close_all_divs()">Über uns</a>
    <div id="cat1" style="display: none; width: 98; height: 41">

        · <a href="http://www.kl-computer.de/modules.php?name=Feedback" class="sub">Kontakt</a><br>

        · <a href="http://www.kl-computer.de/modules.php?name=Content&pa=showpage&pid=8" class="sub">Anfahrt</a><br>

        · <a href="http://www.kl-computer.de/modules.php?name=Content&pa=showpage&pid=1" class="sub">Impressum</a>
    </div>
</div>

Edit:
Du musst jedoch dem neuen DIV-Tag eine Breitenangabe (z.B. style="width: 100px")
mitgeben, da er sich sonst über die gesamte Seitenbreite erstreckt.

Ciao
Quaese

 

[Chandini]

Hallo nochmal!

Mit dem Code hat's wunderbar geklappt. Aber jetzt habe ich das gleiche Problem wieder wie schon mal.
Ich habe bei den Menüpunkten, die ein Untermenü haben, einen wesentlich größeren Zeilenabstand als bei den anderen.
Ich habe es auch schon mal mit

<p style="line-height: 150%; margin-top: 0px; margin-bottom: 0px">

versucht. Aber das bringt an den betreffenden Stellen auch nichts.

Hier nochmal ein Link zu dem jetzigen Menü

Menü 3

Irgendwie mag mich wohl mein Menü nicht :-(

vlg, Ines

 

[Quaese]

Hi,

ich hab mir Dein Menue nochmal angesehen und meinen Lösungsvorschlag in den Anhang gepackt.

Ich habe deine P-Tags teilweise ganz entfernt - das übernehmen jetzt die vorher eingefügten DIV-Tags.

Ausserdem solltest Du immer Einheiten bei den Grössenangaben (z.B. height: 25px angeben. Sonst bekommst Du eventuell Probleme mit der Darstellung in anderen Browsern als dem IE.

Hoffe, dass Du Dir es so vorgestellt hast ...

... ciao
Quaese

 

[Chandini]

Hallo nochmal!

Jetzt klappt alles so, wie es soll. Wunderbar!
Großes Dankeschön

vlg, Ines