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
Danke für die Antwort
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
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?
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.