Zum Inhalt springen

Horizontales Menü und Templa Voila

Erstellt am 10. Mai 2007 · 6 Antworten · letzte Antwort am 30. Januar 2008

Tags: Frage

16V-Schrauber ·

Hier mein NAVI Setup

lib.MainMenu = HMENU
lib.MainMenu {
	special = directory
	special.value = 6
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul class="menu">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1	
	2.wrap = <ul>|</ul>

	3 < .2
	4 < .2
}

Hier ein Auszug aus meinem Template

<body>
<div id="contentbody">
<div id="bannermitte"></div>
<div id="navi">
<ul class="menu">
<li class="menuparent"></li>
</ul>
</div>
<div id="rootline"></div>
<div id="content"></div>
</body

Hier das Javascript

sfHover = function() {
	var sfEls = document.getElementById("navi").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

und hier meine menü css

/* Menu */
#navi, #navi ul {
float: left;
width: 825px;
height: 20px;
list-style: none;
line-height: 1em;
background: #307fde;
color: #000;
font-weight: bold;
padding: 0;
border: solid #eda;
border-width: 1px 0;
margin: 0 0 1em 0;
}

#navi a {
display: block;
width: 10em;
color: #7C6240;

text-decoration: none;
padding: 0.25em 0em;
}

#navi a.menuparent {
background: url(arrow.gif) no-repeat 90% 40%;
}

#navi li {
float: left;
padding: 0;
width: 10em;
}

#navi li ul {
position: absolute;
left: -999em;
height: auto;
width: 14em;
font-weight: normal;
border-width: 0.25em;
margin: 0;

}

#navi li li {

width: 14em
}

#navi li ul a {
width: 14em;
padding-left: 1em;
}

#navi li ul ul {
margin: -1.75em 0 0 14em;
}

#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
left: -999em;
}

#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
left: auto;
}

#navi li:hover, #navi li.sfhover {
background: #eda;
color: white;
}

Was ist hier falsch? Wieso kommt das Menü nicht?

Kann mir jemand helfen?

MfG Micha

just2b ·
16V-Schrauber schrieb

Leider funktioniert das bei mir nicht so richtig...

tolle fehlerbeschreibung.
das funktioniert bei mir nicht so richtig ....

georg

16V-Schrauber ·

Hi

Hatte Dir ne Nachricht per Mail geschrieben.

hier ist due Seite: www.michael-arlt.info

Leider läst sich das Menü nicht aufklappen bzw erscheint erst gar nicht.

Und ich find den Fehler nicht.

MfG Micha