Hallo liebe Community,
meine letzte Frage wurde schnell beantwortet und so konnte ich alles schnell so schreiben wie es passte. Ich wollte ein Menü mit einem Untermenü welches nochein Untermenü hat. Wenn ich alles einstelle wird es richtig angezeigt nur zeigt er den Unterstenpunkt bereits an bevor man über das Untermenü gegangen ist. es soll so aussehen:
Wenn man auf Oben2 geht soll Unten angezeigt werden und erst wenn man auf Unten ist soll Unterstes angezeigt werden. Wenn ich es aber so habe wie bisher, dann zeigt er, wenn man auf Oben2 geht Unten und Unterstes an. Was muss ich verändern, damit es funktioniert? Hier der komplette Code der CSS Datei:
[...]
[raute]menu {
position:fixed;
left:5px;
top:33%;
}
[raute]menu ul {
width:110px;
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
}
.oberpunkt a {
width:110px;
text-align:center;
display:block;
}
.oberpunkt ul{
display:none;
}
.oberpunkt a, .unterpunkt a{
padding:1px 5px;
border:5px groove #29A1E1;
border-collapse:collapse;
color:#29A1E1;
font-weight:bold;
text-decoration:none;
background-color:#0E374D;
}
.unterpunkt a{
margin-left:25px;
width:110px;
position:relative;
}
[raute]menu a:hover, .oberpunkt.on a {
color:#0E374D;
background-color:#29A1E1 !important;
display:block;
}
.unterpunkt.on.a {
color:#0E374D;
background-color:#29A1E1 !important;
display:block;
}
.oberpunkt:hover ul {
display:block;
}
.unterpunkt ul{
display:none;
}
.oberpunkt a, .unterpunkt a, .upunkt a{
padding:1px 5px;
border:5px groove #29A1E1;
border-collapse:collapse;
color:#29A1E1;
font-weight:bold;
text-decoration:none;
background-color:#0E374D;
}
.upunkt a{
margin-left:50px;
width:110px;
position:relative;
}
.unterpunkt:hover ul {
display:block;
}
VG
FrozenHelp