liebe wissende,
ich auf eine seite gestossen, auf der ein dropdown menu (manchmal auch flyout genannt, ich kenne den unterschied nicht, falls einer besteht) angeboten wurde, dass nur aus html und css bestehen solle, also ohne javascript. ich dachte mir, sowas versuch ich auch mal, und bin nach ein paar überlegungen auf folgende „lösung“ gekommen.
diese funktioniert aber nicht, weiss jemand woran das liegt?
sobald man über einen link fährt, sollte das untermenu erscheinen.
lg niemand
hier der code
ul {
list-style-type:none;
padding:0;
margin:2px;
}
ul,li {
padding:0;
width:50px;
margin:5px;
border-style: solid;
border-width:2px;
display:block;
background-color:green;
}
ul li ul, ul li ul li {
display:none;
}
a {
color:black;
text-decoration:none;
}
a:hover ul,a:hover ul li {
padding:0;
width:50px;
margin:5px;
border-style: solid;
border-width:2px;
display:block;
background-color:green;
}
erstmal danke für die antwort!
nun, ich verstehe nicht, wieso es li:hover heissen sollte anstatt a:hover, denn ich habe gelesen dass der IE nur beim a-tag auf :hover anspricht. ausserdem wäre dann die struktur ja falsch, die hirarchie lautet in meinem beispiel ja:
ul
-li
–a
—ul
----li
wie kommst du also auf
ul li:hover ul li
?
lg niemand
ul ist nur der container sozusagen, li der eintrag, deswegen
hovert auch der eintrag (das sichtbare anfassbare) und nicht
das ul element.
klar tut auch ein UL hovern, nur wir wollen ja pro element eine untergruppe öffnen, und nicht pro gruppe eine untergruppe
geht aber auch , wers braucht
langsam schon:wink:
wenn ich also die struktur:
ul
-li
–a
—ul
----li
habe, dann kann ich das letzte hier abgebildete li-element auch mit
ul li ul li { blabla:xxx;}
oder sogar mit
li li {blabla:xxx;}
ansteuern?
ich muss also nicht alle tags beachten, die dazwischen auch noch auftreten?
Das sind Conditional Comments. Das was zwischen den Conditional Comment Tags steht wird in diesem Fall nur für Browser umgesetzt, die älter als der IE 6 oder der IE 6 selbst sind, wenn ich mich nicht irre. („lte“ = „less than or equal“?)
