---
title: "ACT Zustand und CSS"
url: "https://www.typo3.net/d/113691-act-zustand-und-css"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2013-01-30"
last_reply: "2013-02-01"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# ACT Zustand und CSS

TYPO3 › Menüs · 4 Antworten · gestartet 2013-01-30

## Eröffnungsbeitrag

**cms** · 2013-01-30 · [Beitrag #1](https://www.typo3.net/d/113691-act-zustand-und-css/1)

Mit dem ACT Zustand komme ich momentan nicht zurecht. Den Menüpunkten habe ich eine Hintergrundfarbe zugewiesen (mit CSS).

```css
.aktiver_menupunkt {
	background-color: #FF6600;
	margin: 2px solid orange;
	}
```

Der aktive Menüpunkt soll per TypoScript eine andere Hintergrundfarbe erhalten.

```typoscript
  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?

## Antworten

### [#2](https://www.typo3.net/d/113691-act-zustand-und-css/2) · etux · 2013-01-30

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.

### [#3](https://www.typo3.net/d/113691-act-zustand-und-css/3) · cms · 2013-01-30

Die navi befindet sich in einem div-Container

```html
<div id="navi">
###NAVI###
</div>
```

Die Formatierungen für das Menü sehen momentan so aus:

```css
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;
	}
```

### [#4](https://www.typo3.net/d/113691-act-zustand-und-css/4) · etux · 2013-01-30

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:

```html
.aktiver_menupunkt a {
	background-color: #FF6600;
	}
```

### [#5](https://www.typo3.net/d/113691-act-zustand-und-css/5) · cms · 2013-02-01

Herzlichen Dank

---

Quelle: „ACT Zustand und CSS“, typo3.net, https://www.typo3.net/d/113691-act-zustand-und-css
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.