Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

 
Reply to this topicStart new topic
> CSS und Listennavigation
student
Beitrag 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
Go to the top of the page
 
+Quote Post
pawel
Beitrag 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?


--------------------
Go to the top of the page
 
+Quote Post
student
Beitrag Wed. 13. April 2011, 13:23
Beitrag #3


Member
**

Gruppe: Members
Beiträge: 23
Mitglied seit: 02.03.2011
Mitglieds-Nr.: 2.360



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

Der Beitrag wurde von student bearbeitet: Wed. 13. April 2011, 13:23
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 28.3.24 - 19:10

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.