CSS und Listennavigation |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
CSS und Listennavigation |
Wed. 13. April 2011, 08:55
Beitrag
#1
|
|
Member Gruppe: Members Beiträge: 23 Mitglied seit: 02.03.2011 Mitglieds-Nr.: 2.360 |
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 |
|
|
Wed. 13. April 2011, 12:51
Beitrag
#2
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 442 Mitglied seit: 02.07.2006 Wohnort: Halle Mitglieds-Nr.: 71 |
QUELLTEXT <div id="menu"> <ul id="menu"> Doppelte id's? -------------------- |
|
|
Wed. 13. April 2011, 13:23
Beitrag
#3
|
|
Member Gruppe: Members Beiträge: 23 Mitglied seit: 02.03.2011 Mitglieds-Nr.: 2.360 |
|
|
|
Vereinfachte Darstellung | Aktuelles Datum: 27.9.24 - 06:58 |