Hi,
ich glaube Du hast einfach nur beim schließen der ul-tags den Slash vergessen - so müsste es daher klappen:
<html>
<head>
<style type="text/css">
<!--
ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
li
{
position: relative;
}
ul li
{
float: left;
padding-right: 7px;
}
ul li ul
{
display: none;
}
ul li:hover ul
{
display: block;
}
//-->
</style>
</head>
<body>
<ul>
<li>Anfangsbuchstabe
<ul>
<li>C</li>
<li>G</li>
</ul>
</li>
<li>Genre
<ul>
<li>Action</li>
<li>Horror</li>
</ul>
</li>
<li>FSK
<ul>
<li>16</li>
<li>18</li>
</ul>
</li>
<li>Darsteller
<ul>
<li>BULLOCK, Sandra</li>
<li>REEVES, Keanu</li>
</ul>
</li>
<li>Produzent
<ul>
<li>BRUCKHEIMER, Jerry</li>
<li>SILVER, Joel</li>
</ul>
</li>
</ul>
</body>
</html>
Hallo,
und wiedermal muß (darf) ich Euch um Eure Unterstützung bitten.
Aktuell geht es mir darum, ein rein auf css-Definitionen aufgebautes horizontales DropDown-Menü zu erstellen.
Hier ist mein, derzeit noch minimalistischer Code, der auch nur für die Funktionalität des Menüs sorgen soll(te):
<html>
<head>
<style type="text/css">
<!--ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}li
{
position: relative;
}ul li
{
float: left;
padding-right: 7px;
}ul li ul
{
display: none;
}ul li:hover ul
{
display: block;
}//-->
</style>
</head>
<body>
<ul>
<li>Anfangsbuchstabe
<ul>
<li>C</li>
<li>G</li>
<ul>
</li>
<li>Genre
<ul>
<li>Action</li>
<li>Horror</li>
<ul>
</li>
<li>FSK
<ul>
<li>16</li>
<li>18</li>
<ul>
</li>
<li>Darsteller
<ul>
<li>BULLOCK, Sandra</li>
<li>REEVES, Keanu</li>
<ul>
</li>
<li>Produzent
<ul>
<li>BRUCKHEIMER, Jerry</li>
<li>SILVER, Joel</li>
<ul>
</li>
</ul>
</body>
</html>Leider wird das Menü aber überhaupt nicht so aufgebaut, wie ich das beabsichtigt habe:
Ich habe nur einen Einstiegspunkt am Bildschirm, nämlich den Menüpunkt "Anfangsbuchstabe", alle anderen Menüpunkte
inkl. deren bereits aufgeklappte Untermenüs werden mir beim hover über den Menüpunkt "Anfangsbuchstabe" angezeigt.Eigentlich will ich aber, dass die Menüpunkte "Anfangsbuchstabe", "Genre", "FSK", "Darsteller" und "Produzent" gleich
von Anfang sichtbar sind, nebeneinander angeordnet und das jeweilige Untermenü dann erst beim Drüberfahren über den
jeweiligen Oberpunkt.Könnte Ihr mir hier bei der Umsetzung meines Vorhabens behilflich sein ?
Ich hätte mir durchaus den Code einer Seite "stipizen" können, diese sind aber meistens so mit Definitionen ect.
vollgestopft, die den Code erheblich unnötig aufblähen und es zudem schwierig ist, die Funktionsweise nachzuvollziehen.Vielen Dank auf jeden Fall schon mal im Voraus.
Gruß
Enrico