So, dank self.html bin ich schon mal ein Stück weiter gekommen. Trotzdem funktioniert es noch nicht so wie ich will.
Hier ist mal der Code:
<div id="menu">
<ul>
[*]Home
[*]Rätselstunde live
<ul>
[*]Bilder
[/list]
[*]Rätsel
[/list]
</div>
Und hier ist ein Auszug aus der style.css:
/* Menu */
#menu {
width: 200px;
height: 100%;
margin-left: 40px;
float: left;
text-align: left;
}
#menu li a {
height: 37px;
voice-family: "\"}\"";
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background: url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
#menu li a:hover {
color: blue;
background: url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
/* Erweiterung zur dynamischen Ein-/Ausblendung */
ul#menu li>ul {
display: none
}
ul#menu li:hover>ul{
display: block;
}
ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
Gedacht ist es so, dass der Menüpunkt "Bilder" erst erscheint, wenn ich den Menüpunkt "Rätselstunde live" mit der Maus überfahre. Der Menüpunkt erscheint aber sofort.
Woran kann das liegen?