Hallo zusammen!
Ich habe ein dynamisches Menü gemacht, das die Formatierung aus einem CSS-File nehmen soll.
Eigentlich funktioniert alles, bis auf das, dass der aktive Link seine Formatierung nicht annimmt. Auch möchte ich, dass die übergeordnete Seite einer Unterseite gleich formatiert wird, wie die aktive Seite (wenn das geht... sollte soviel ich weiss mit ACT funktionieren...)
Habe schon vieles ausprobiert, doch erfolglos... kann mir jemand helfen?
TypoScript-Auszug:
# Menu:
lib.menu = HMENU
#lib.menu.entryLevel = 1
# First level menuobject,textual
lib.menu.1 = TMENU
lib.menu.1 {
NO.linkWrap = |
NO.doNotShowLink = 1
NO.before.cObject = TEXT
NO.before.cObject.field = alias//uid
NO.before.cObject.dataWrap = <li><a href="?id=|" title="{field:title}">
NO.after.cObject = TEXT
NO.after.cObject.field = nav_title//title
NO.after.cObject.wrap = | </a></li>
NO.RO=1
CUR.linkWrap = |
CUR.doNotShowLink = 1
CUR.before.cObject = TEXT
CUR.before.cObject.field = alias//uid
CUR.before.cObject.dataWrap = <li><a href="?id=|" title="{field:title}">
CUR.after.cObject = TEXT
CUR.after.cObject.field = nav_title//title
CUR.after.cObject.wrap = | </a></li>
}
#2nd Level
##################################################################
# Second level menuobject,textual
lib.menu.2 = TMENU
lib.menu.2 {
# Abstand zum nächsten Menüpunkt
wrap = <ul style="margin-left: -20px; margin-top: 0px; font-size: 10pt;"> | </ul>
NO.linkWrap = |
NO.doNotShowLink = 1
NO.before.cObject = TEXT
NO.before.cObject.field = alias//uid
NO.before.cObject.dataWrap = <li><a href="?id=|" title="{field:title}">
NO.after.cObject = TEXT
NO.after.cObject.field = nav_title//title
NO.after.cObject.wrap = | </a></li>
NO.RO=1
ACT.linkWrap = |
ACT.doNotShowLink = 1
ACT.before.cObject = TEXT
ACT.before.cObject.field = alias//uid
ACT.before.cObject.dataWrap = <li><a href="?id=|" title="{field:title}">
ACT.after.cObject = TEXT
ACT.after.cObject.field = nav_title//title
ACT.after.cObject.wrap = | </a></li>
}
CSS-Auszug:
/* MENU */
#menu {
font-size: 11pt;
font-weight: bold;
width: 200px;
margin: 0px; padding-left: 20px; padding-top: 5px;
list-style: outside;
}
#menu li {
list-style: outside;
margin: 0px; padding: 0px;
}
#menu a {
display: block;
padding: 0px;
margin-left: 0px;
text-decoration: none;
}
#menu a:link {
color: black;
}
#menu a:visited {
color: black;
}
#menu a:hover {
color: yellow;
text-decoration: underline overline;
}
#menu a:active {
color: white;
}