Moin,
genau so soll das bei mir auch aussehen... eine URL habe ich leider nicht, läuft leider noch lokal ... habe dir mal die entsprechenden auszüge kopiert. Start und Stoplevel sind beide auf 0 gesetzt.
Hier einmal der HTML Code, der erzeugt wird.
HTML-Code:
<ul class="level_1" id="nav" ><!-- If Clause Added to check the current level of ul element -->
<li class="active submenu first on"><!-- check the current level of li element and set the class --><span class="active submenu first">Startseite</span><ul class="level_2" ><!-- If Clause Added to check the current level of ul element -->
<li class="first "><!-- checking the level and adding the class type off to the li element --><a href="index.php/testseite2.html" title="testseite2" class="first" onclick="this.blur();">testseite2</a></li>
<li class="last "><!-- checking the level and adding the class type off to the li element --><a href="index.php/testseite.html" title="testseite" class="last" onclick="this.blur();">Testseite</a></li>
</ul>
</li>
<li class="submenu off"><!-- checking the level and adding the class type off to the li element --><a href="index.php/allfinanz.html" title="Allfinanz" class="submenu" onclick="this.blur();">Allfinanz</a><ul class="level_2" ><!-- If Clause Added to check the current level of ul element -->
<li class="first "><!-- checking the level and adding the class type off to the li element --><a href="index.php/fggffgdgsfd.html" title="fgfddfgsgfd" class="first" onclick="this.blur();">gfdgfgfsdfg</a></li>
<li class="last "><!-- checking the level and adding the class type off to the li element --><a href="index.php/fjofg.html" title="fdfggfdgd" class="last" onclick="this.blur();">Tets</a></li>
</ul>
</li>
<li class="off"><!-- checking the level and adding the class type off to the li element --><a href="index.php/immobilien.html" title="Immobilien" onclick="this.blur();">Immobilien</a></li>
<li class="last off"><!-- checking the level and adding the class type off to the li element --><a href="index.php/onlinerechner.html" title="Onlinerechner" class="last" onclick="this.blur();">Onlinerechner</a></li>
</ul>
und hier das CSS...
Code:
#nav li{margin: 0;float: left;display: block;padding-right: 15px;list-style-type: none;}
#nav li.off:hover{margin: 0;float: left;display: block;padding-right: 15px;list-style-type: none;}
#nav li.off ul,#nav li.on ul{display: none;background: #dee6f6;width: 985px;height: 24px;border-top: 2px solid #e69638;}
#nav li a{/*for all links in the list*/ color: #f90; font-weight: bold; display: block; height: 15px; padding-left: 5px; padding-right: 5px;}
#nav li.off ul,#nav li.on ul{display: none; position: absolute; left: 0;}
#nav li.on a{border: 1px solid #f90;}
#nav li.on ul a,#nav li.off ul a{border: 0;}
#nav li.on ul{display: block;}
#nav li.on ul a,#nav li.off ul a{float: left; /*ie doesn't inherit the float*/ border: 0; color: #f90; width: auto; margin-right: 15px;}
#nav li.on ul{display: block;}
#nav li.off:hover ul{display: block; z-index: 6000; width: 985px; background: #dee6f5;height: 24px;border-top: 2px solid #e69638;}
Wäre super, wenn du mir zeigen könntest, wie du das bei dir gemacht hast...
Grüße
Chris
Lesezeichen