Druckversion des Themas

Hier klicken um das Topic im Orginalformat anzusehen

Forum Sefrengo.org _ Offtopic _ CSS und Listennavigation

Geschrieben von: student Wed. 13. April 2011, 08:55

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.

Geschrieben von: pawel Wed. 13. April 2011, 12:51

QUELLTEXT

Doppelte id's?

Geschrieben von: student Wed. 13. April 2011, 13:23

ZITAT(pawel @ Wed. 13. April 2011, 13:51)

QUELLTEXT

Doppelte id's?

- oh ja, dass war unnötig. Vielen Dank

Unterstützt von Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)