zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Horizontales DropDown Menü mit horizontalen Untermenü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.02.2010, 13:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.11.2009
Beiträge: 19
VinceMcMahon befindet sich auf einem aufstrebenden Ast
Standard 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>
CSS:
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;
}
Erklärung des Problemes:
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.02.2010, 14:19
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.02.2010, 16:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.11.2009
Beiträge: 19
VinceMcMahon befindet sich auf einem aufstrebenden Ast
Standard

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 -->
Link gibt es momentan noch nicht da es local entwickelt wird und danach online gestellt wird ...
Mit Zitat antworten
  #4 (permalink)  
Alt 27.02.2010, 04:12
Michael Walter
XHTMLforum-Mitglied
 
Registriert seit: 16.02.2010
Ort: Berlin
Beiträge: 237
Walter IT-Services befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 27.02.2010, 15:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.11.2009
Beiträge: 19
VinceMcMahon befindet sich auf einem aufstrebenden Ast
Standard

Tut leid, dass ist nicht so einfach ist ein Projekt der Schule und wenn dieses ins Netz gerät ohne, dass es Lehrer absegnen hab ich den A.... offen ...
Mit Zitat antworten
  #6 (permalink)  
Alt 27.02.2010, 20:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.11.2009
Beiträge: 19
VinceMcMahon befindet sich auf einem aufstrebenden Ast
Standard

hat hier überhaupt irgendwer eine ahnung!?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:17 Uhr.