Hallo,
ich habe ein Menu auf CSS und <ul>
basierend.
Das funktioniert auch. Allerdings soll beim Rollover ein Icon (ein kleiner Punkt) vor dem Menupunkt erscheinen.
Auch das funktioniert.
AAAAAAber:
Ich habe die 2. Menuebene (über CSS padding) um 10 px nach rechts verschoben, damit das Untermenu gut erkennbar ist.
Allerdings wird das Icon nicht mit eingerückt. Wieso nicht?
Kann jemand helfen?
Hier der Bereich im Template:
marks.MENU = HMENU
#excludeUIDList soll Seiten aus dem Menu entfernen
#Evtl. problematisch, weil das Menu2 vielleicht nicht barrierefrei ist.
marks.MENU.excludeUidList = 624, 625, 626, 627
marks.MENU.entryLevel = 0
marks.MENU {
1 = TMENU
1 {
wrap = <ul> | </ul>
NO {
WrapItemAndSub = <li> | </li>
after = <br />
ATagParams = class = "menu_main"
StdWrap.case = lower
beforeImg = fileadmin/images/pix-punkt-t.gif
RO > .NO
RO = 1
beforeROImg = fileadmin/images/pix-punkt.gif
}
ACT < .NO
ACT.ATagParams = class = "menu_mainact"
ACT = 1
}
2 = TMENU
2 {
wrap = <ul> | </ul>
NO {
WrapItemAndSub = <li> | </li>
after = <br />
ATagParams = class = "menu_sub"
StdWrap.case = lower
beforeImg = fileadmin/images/pix-punkt-t.gif
RO > .NO
RO = 1
beforeROImg = fileadmin/images/pix-punkt.gif
}
ACT < .NO
ACT.ATagParams = class="menu_subact"
ACT = 1
}
}
Hier der Bereich aus dem CSS:
.menu {
position: absolute;
top: 95px;
left: 50px;
height: 30px;
width: 600px;
}
.menu_main{
color: #555656;
text-decoration:none;
font-size: 12px;
font-family: Arial, Verdana, Tahoma;
font-color: #00B9F3;
}
.menu_mainact {
color: #555656;
text-decoration:none;
font-size: 12px;
font-family: Arial, Verdana, Tahoma;
font-color: #00B9F3;
}
.menu_sub {
background: url(../images/pix-punkt-t.gif)
color: #555656;
text-decoration:none;
font-size: 12px;
font-family: Arial, Verdana, Tahoma;
padding-left: 10px;
font-color: #00B9F3;
}
.menu_subact {
color: #555656;
text-decoration:none;
font-size: 12px;
font-family: Arial, Verdana, Tahoma;
padding-left: 10px;
font-color: #00B9F3;
}