Mit dem ACT Zustand komme ich momentan nicht zurecht. Den Menüpunkten habe ich eine Hintergrundfarbe zugewiesen (mit CSS).
.aktiver_menupunkt {
background-color: #FF6600;
margin: 2px solid orange;
}
Der aktive Menüpunkt soll per TypoScript eine andere Hintergrundfarbe erhalten.
marks.NAVI = HMENU
marks.NAVI {
wrap = <ul>|</ul>
1 = TMENU
1.NO.allWrap = <li>|</li>
1.ACT = 1
1.ACT.allWrap = <li class="aktiver_menupunkt">|</li>
}
Von CSS werden Formatierungen übertragen, die außen herum gewrappt werden, jedoch nicht die Hintergrundfarbe.
Da stellt sich die Frage, ob etwas in der CSS-Datei angepasst werden muss oder in TypoScript oder in beidem?
Dein TypoScript ist in Ordnung.
Es wird wohl an der CSS liegen. Kann es sein, dass Du die Links floatest aber die Listenelementen nicht.
Ohne einen Link zum Problem, kann man aber nur raten.
Die Werte für „margin“ sind übrigens falsch. Für „border“ wären sie richtig.
Die navi befindet sich in einem div-Container
<div id="navi">
###NAVI###
</div>
Die Formatierungen für das Menü sehen momentan so aus:
a {
text-decoration: none;
color: #FFFFFF;
padding: 0.3em 0.7em;
}
a:link {
background-color: #0093DD;
}
a:hover {
background-color: #0000FF;
}
a:visited {
background-color: #0093DD;
}
a:active {
background-color: #FF6600;
}
#navi {
display: table;
margin: 0 auto;
}
#navi ul {
display: table-row;
}
#navi ul li {
display: table-cell;
width: 7em;
text-align: center;
}
#navi a {
display: block;
margin: 0.2em 0.1em;
}
.aktiver_menupunkt {
background-color: #FF6600;
}
Sorry, ich hätte es gleich sehen müssen. Da aber die Links Margins haben, dachte ich, dass Du durch die Hintergrundfarbe des Listenelements einen farbigen Rahmen um die Links erzeugen möchtest.
Wenn Du die Hintergrundfarbe des Links ändern möchtest:
.aktiver_menupunkt a {
background-color: #FF6600;
}