Das Menü will nicht so wie ich will

Computer: Software & Programmierung HTML & CSS
#1

Huhu,

Ich habe schon überall gesucht, aber nirgens das Richtige gefunden, also Endstation Forum.

Ein Menü wie es auf dieser Seite http://css.maxdesign.com.au/listamatic2/vertical11.htm zu finden ist hätte ich gerne.

Wenn man in diesem Beispiel mit der Maus über „ItemOne“ fährt, öffnet sich das Submenü. Verlääst man den Bereich von „ItemOne“ verschwindet das Submenü - Und genau das ist es, was ich nicht will.

Schön wäre es, wenn sich das Submenü erst öffnet, wenn man mit der Maus auf „ItemOne“ KLICKT und es auch erst wieder verschwindet, wenn man auf einen anderen Link der Navigation klickt (zb „ItemTwo“).

Wisst ihr, wie ich das einstellen kann?

Danke für die Hilfe!

#2

da würd ich mal nach javascript menues ausschau halten.

#3

da würd ich mal nach javascript menues ausschau halten.

Puh da hab ich gar keine Ahnung von aber, ich werds mal ersuchen, danke.

#4

Hallo,

mir fällt kein anderer Weg ein als das über Javascript zu lösen. Also hier meine Lösung:

Html Code:






var item_old = „“;

function item(item){

if(item_old != „“){
document.getElementById(item_old).style.display = „none“;
}

item_old = item;
document.getElementById(item).style.display= „block“;
}





  • Item two




  • Item three







    • CSS

    #navlist
    {
    list-style-type: none;
    color: darkgray;
    background-color: gainsboro;
    margin-left: 5px;
    }

    #subnavlist1 { display: none; }
    #subnavlist2 { display: none; }
    #subnavlist3 { display: none; }

    #navcontainer
    {
    width: 220px;
    background-color: gainsboro;
    border: 1px gray solid;
    }

    #navcontainer a
    {
    color: gray;
    background-color: gainsboro;
    width: 120px;
    display: block;
    }

    #navcontainer a:visited
    {
    color: gray;
    background-color: gainsboro;
    }

    #navcontainer a:active
    {
    color: white;
    background-color: gray;
    }

    #navcontainer a:focus
    {
    color: white;
    background-color: gray;
    }

    Falls du Probleme mit dem Verständnis haben solltest schreib mir einfach =)

    [Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

    #5

    Hallo,

    mir fällt kein anderer Weg ein als das über Javascript zu
    lösen. Also hier meine Lösung: […]

    Super danke, so hatte ich es mir etwa vorgestellt - Um das Ganze dann noch äußerlich anzupassen reichen meine Kenntnisse noch aus. :smile:

    Vielen lieben Dank