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
}