Untermenü

Wie implementiere ich in folgendes Menü ein Untermenü (Submenü), damit, wenn der Nutzer darüber streicht es aufgeht und sich schließt wenn er wegfährt.

[CODE]

Web Development ul#Navigation { margin: 0; padding: 0.8em; text-align: center; background-color: 2b2b2b; } ul#Navigation li { list-style: none; display: inline; margin: 0.4em; padding: 0; } ul#Navigation a, ul#Navigation span { padding: 0.2em 1em; font-family: Arial; text-decoration: none; font-weight: bold; color: white; background-color: #2b2b2b; } * html ul#Navigation a, * html ul#Navigation span { width: 1em; width: auto; } ul#Navigation a:hover, ul#Navigation span { border-color: white; border-left-color: black; border-top-color: black; color: white; background-color: gray; [/CODE]

MfG Davicii

Du müsstest innerhalb eines li ein ul platzieren und kannst das dann so ansprechen:

#Navigation li:hover > ul { display: block;}

Wenn dir das nicht hilft, kannst du dir dieses Tutorial mal angucken:
http://css-plus.com/2010/06/how-to-make-a-jquery-drop-down-menu-with-a-css-fall-back/
Dort wird zwar auch Jquery verwendet, aber das könntest du einfach weglassen.

Wenn du dann noch fragen hast kann man dir auch genauer helfen :wink:

Danke für die Antwort :slight_smile:

Folgendes:
Vorher hat das Menü so ausgesehen:
http://s7.directupload.net/images/131215/5ydxst9w.jpg

Und nachdem ich einen Untermenü mithilfe von

erstellt habe und das in die CSS Datei eingefügt habe [ #Navigation li:hover > ul { display: block;} ], ist dieser Mist rausgekommen :smiley:
http://s14.directupload.net/images/131215/zgqrsvj7.jpg

Wie kann ich das so schön per „Drüberfahren“ lösen ohne das ich mein Menü sprenge? :smiley:

MfG
Davicii

Das wird an der Positionierung liegen und du solltest #Navigation li ul standardmäßig mit display:none ausblenden, solange nicht die Maus drüber ist.
Sieh dir den Link aus meinem Beitrag von gestern an und Vergleiche den CSS-Teil mit deinem Code.

Wieso möchtest du eigentlich eine Website über Webprogrammierung machen, wenn du sowas nicht ohne Hilfe lösen kannst?
Ist jetzt nicht böse gemeint, aber so ein Hover-Menü sollte doch kein Problem sein.

möchte ich ja gar nicht :smiley: ich muss ^^ mein professor hat gemeint ich soll das Semester zusammenfassen als Website aber er hat nie wirklich CSS erklärt haha :smiley: danke, ich schaus mir mal an :smiley: