Hilfe - Suche - Mitglieder - Kalender
Vollansicht: CSS und Listennavigation
Forum Sefrengo.org > Allgemeine Foren > Offtopic
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.
pawel
QUELLTEXT
<div id="menu">
<ul id="menu">

Doppelte id's?
student
ZITAT(pawel @ Wed. 13. April 2011, 13:51) *
QUELLTEXT
<div id="menu">
<ul id="menu">

Doppelte id's?


- oh ja, dass war unnötig. Vielen Dank smile.gif
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2024 Invision Power Services, Inc.