CSS und Listennavigation Einstellungen

[student]

Hi,

ich tu mir grad schwer mein Menü in Sefrengo zu implementieren.
Ohne Sefrengo funktioniert das Menü, ich dachte die ganze Zeit mein Menü funktioniert nicht weil der Code von Sefrengo anderst ausgegeben wird, der Code entspricht (nach ein paar Einstellungen) dem was ich von Hand geschrieben habe. Das Menü soll beim Überfahren die Unterpunkte anzeigen und auswählbar machen.

Das HTML Grundgerüst wird von Sefrengo wie folgt ausgegeben:

->

CODE

<div id="menu">
<ul id="menu">
<li><a href="index.php?idcatside=70&view=preview">Hauptverzeichnis</a></li>
<li><a href="index.php?idcatside=64&view=preview">1. Unterverzeichnis</a>
<ul>
<li><a href="index.php?idcatside=64&view=preview">1. Seite im 1. Unterverzeichnis</a></li>
<li><a href="index.php?idcatside=69&view=preview">2. Seite im 1. Unterverzeichnis</a></li>
</ul>
</li>
<li><a href="index.php?idcatside=73&view=preview">2. Unterverzeichnis</a>
<ul>
<li><a href="index.php?idcatside=73&view=preview">1. Seite im 2. Unterverzeichnis</a></li>
</ul>
</li>
</ul>
</div>

Hier noch der entsprechende Auszug aus meiner CSS-Datei:

CODE

#menu li:hover li:hover ul {display: block; color: #FCFFF5; }
#menu li:hover ul {display: block; z-index: 10; color: #FCFFF5; }
#menu li:hover ul ul {display: none; }
#menu li:hover {display: block; z-index: 10; }
#menu li a:hover {display: block; background-color: #3E606F; z-index: 1; color: #FCFFF5; }
#menu a:hover, ul li:hover {background-color: #3E606F; color: #FCFFF5; }
#menu ul ul {display: none; }
#menu li a {display: block; background-color: #91AA9D; color: black; }
#menu li > a {width: auto; z-index: 2; display: block; }
#menu a {display: block; padding-left: 5px; Font-Weight: bold;
padding-bottom: 2px; padding-top: 2px; width: 100%; color: gray; text-decoration: none; }
#menu li > ul {left: 15px; width: 200px; z-index: 10; }
#menu li ul {left: 40px; position: absolute; top: 5px; }
#menu li {display: block; position: relative; border: outset 1px #FCFFF5; font-size: small; z-index: 1; }
#menu ul {display: block; float: left; width: 236px; list-style-type: none; z-index: 1; }

Mach ich den einen grundsätzlichen Fehler?

Vielen Dank schonmal.

Edit: ok hat sich erledigt stimmt alles -> aber ein Problem bleibt - das Menü reagiert nur auf den Text des Linkes, besser wäre es wenn auf das gesammte <li> </li> reagiert werden würde.

Der Beitrag wurde von student bearbeitet: Wed. 13. April 2011, 10:17