Zum Inhalt springen

Probleme TMENU und CSS 2. Ebene

Erstellt am 1. Juli 2008 · 1 Antwort · letzte Antwort am 1. Juli 2008

Tags: Frage

Sunshine3110 ·

Hallo zusammen

Ich bräuchte bitte dringend Hilfe.
Bin entweder blind oder zu blöde. :-)
Habe ein TMENU mit CSS erstellt. Die 1. Ebene wird auch angezeigt, nur alles was darunter liegt nicht.
Es sollte so sein, dass wenn man über einen Menüpunkt mit der Maus fährt, dass sich das Untermenü öffnet. Tut sich aber nichts. Ich habe schon soviel ausprobiert und weiß nicht weiter.
Wäre super wenn jemand von Euch eine Idee hat.
Vielen Dank schonmal vorab.

Auszug TypoScript

NAVI = HMENU
NAVI {
   wrap = <div id="navi">|</div>
   special = directory
   special.value = 26
							   
   1 = TMENU
   1 {
	wrap = <ul id="mm">|</ul>
	NO = 1
	NO {
	ATagTitle.field = acstract // description // title
	wrapItemAndSub = <li>|</li>
	}
					
	ACT < .NO
	ACT {
		wrapItemAndSub = <li>|</li>
	}
	CUR < .NO
	CUR {
		linkWrap = <strong>|</strong>
	        doNotLinkIt = 1
	}					
     }
     2 < .1
     2.wrap = <ul>|</ul>
     3 < .2		
}

Und hier das CSS dazu:

div#navi
{
	height: 35px;
	background: url(images/navi_background.gif) no-repeat;
	position: relative;
	width: 1000px;
	z-index:100;
	overflow: hidden;
}

ul#mm
{
	padding: 4px 0 0 190px;
	margin: 0;
	list-style-type: none;	
}

ul#mm ul
{
	list-style-type: none;
}

ul#mm li
{
	display: block;
	float:left;
	position: relative;
}

ul#mm li a,
ul#mm li strong
{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	color: #e0eef6;
	text-decoration: none;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	padding: 0px 20px 0 20px;
	cursor: pointer;
}

ul#mm li a:hover, ul#mm a:focus
{
	color: #003652;
	background: url(images/button4.gif) no-repeat;
}

ul#mm li strong
{
	color: #e0eef6;
	background: url(images/button2.gif) no-repeat;
}

ul#mm ul li a,
ul#mm ul li strong  {
	display: block;
	border-color: #C2DDEF;
	background-color: #C2CACF;
	padding-left: 1em;
	color: #333333;
	font-weight: normal;
}
ul#mm ul ul li strong {
	border-left: 0.5em solid #2C678F;
	background: #e5e5e5;
	padding-left: 2em;
	font-weight: bold;
}

ul#mm ul ul li a {
	border-color: #ccc;
	background-color: #f5f5f5;
	padding-left: 2em;
	color: #333333;
	font-weight: normal
}