|
|||
Horizontales DropDown Menü mit horizontalen Untermenü
also:
DropDown-Javascript Code:
<script type="text/javascript"> var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; </script> Code:
/* DropDown-Menue */ #drop{ position:absolute; left:310px; top:65px; /*margin-top:-65px; margin-left:-85px;*/ } #sddm{ margin: 0; padding: 0; z-index: 30; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:-10px auto 0; overflow-x:hidden; overflow-y:hidden; width:670px; } #sddm li{ margin: 0; padding: 0; list-style: none; float: left; font: bold 14px arial; } #sddm li a{ display: block; margin: 0 2px 0 0; padding: 7px 10px; width: 120px; background-color: #4A4A4A; color: #CCC; text-align: center; text-decoration: none; } #sddm li a:hover{ background-color: #999; } #sddm div{ position: absolute; visibility: hidden; margin: 0; padding: 0; background-color: #999; border: 1px solid #999; } #sddm div a{ position: relative; display: block; margin: 0; padding: 5px 10px; width: 119px; white-space: nowrap; text-align: left; text-decoration: none; background-color: #EAEBD8; color: #282828; font: 11px arial; } #sddm div a:hover{ background: #49A3FF; color: #FFF; } Ich habe ein horizontales Menü aber die Untermenüs sind nicht in einer Zeile sondern untereinander, dies will ich ändern weiß aber nicht wie .... Geändert von VinceMcMahon (26.02.2010 um 13:47 Uhr) Grund: erklärung hinzugefügt |
Sponsored Links |
|
||||
Html Code noch? Oder sogar nen Link?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
HTML-Code:
<!-- DropDown-Menü Menüpunkte --> <div id="drop"> <div id="sddm" align="center"> <ul id="sddm"> <li> <a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Aktion</a> <div id="m1" align="center" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="../sites/new-borrowing.php">Entlehnung</a> <a href="../sites/new-overtime.php">Buchverlängerung</a> <a href="../sites/new-return.php">Rückgabe</a> <a href="../sites/new-book.php">Buch anlegen</a> <a href="../sites/new-customer.php">Kunde anlegen</a> <a href="../sites/new-publisher.php">Verlag anlegen</a> <a href="../sites/index.php">Startseite</a> </div> </li> <li> <a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Verwaltung</a> <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">Entlehnungen</a> <a href="#">Reservierungen</a> <a href="#">Bücher</a> <a href="#">Kunden</a> <a href="#">Verläge</a> <a href="#">Mahnungen</a> <a href="../sites/inventory.php">Inventur</a> </div> </li> <li> <a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Administration</a> <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">Daten sichern</a> <a href="#">Daten zurückspulen</a> <a href="#">Schülerdaten importieren</a> <a href="../sites/options.php">Optionen</a> </div> </li> <li> <a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Hilfe</a> <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" style="z-index:1"> <a href="../manual/index.php">Benutzerhandbuch</a> <a href="../sites/info.php">Info</a> </div> </li> </ul> </div> <!-- sddm --> </div> <!-- drop --> |
|
|||
Ohne es zu testen, würde ich behaupten, dass es daran liegt, dass die Links als Block gefiniert wurden.
Warum lädst du nicht trotzdem kurz eine Test-Datei hoch? Das macht es immer einfacher und kostenlosesn Webspace gibt es wie Sand am Meer... So hätte ich kurz mit Firebug geschaut, ob es wirklich daran liegt.
__________________
Walter IT-Services Michael Walter http://www.walter-it.de http://blog.walter-it.de |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Dropdown Menü: Hover-Effekt auch wenn Maus im Untermenü ist | Sp33dy G0nz4l3s | CSS | 2 | 12.06.2010 18:38 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
DropDown Menü verschwindet | andre-ne | CSS | 2 | 18.11.2009 11:44 |
In horizontales Menü dropdown einbinden | Star_Scream | CSS | 1 | 14.10.2008 14:45 |
Dropdown Menue wird durch Untermenue gestreckt | Schelm.isch | CSS | 4 | 31.08.2008 23:31 |