---
title: "TMENU macht kein ACT aus CSS mit"
url: "https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2005-06-01"
last_reply: "2005-06-01"
replies: 6
solved: true
page: 1
pages: 1
lang: "de"
---

# TMENU macht kein ACT aus CSS mit

TYPO3 › Menüs · 6 Antworten · gelöst · gestartet 2005-06-01

## Frage

**Unbekannter Benutzer** · 2005-06-01 · [Beitrag #1](https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit/1)

Hallo zusammen ich habe ein TMENU welches seine Darstellung komplett aus einem css bekommt.
Klappt auch alles Prima nur den Style bei "active" ignoriert er völlig.

Die anderen Themen zu diesem Thema haben mir leider nicht geholfen. Deswegen der neue :)

**Setup:**

```typoscript
#-----------------------------Menü-----------------------------#
 marks.MENUE1= HMENU
 marks.MENUE1.1 = TMENU
 marks.MENUE1.1 {
   wrap = <ul class="MENUE1"><font size="3">|</font></ul>
   expAll = 0
   NO {
    wrapItemAndSub = <li>|</li>
   }   
   RO <.NO
   RO = 1
   RO {
   }
   ACT <.RO
   ACT = 1
   }


 marks.MENUE1.2 = TMENU
 marks.MENUE1.2 {
   wrap = <ul class="MENUE1"><font size="2">|</font></ul>
   expAll = 0
   NO {
    wrapItemAndSub = <li>|</li>
   }   
   RO <.NO
   RO = 1
   RO {
   }
   ACT <.RO
   ACT = 1
   }
```

**CSS:**

```typoscript
/* --------------------------------- Hauptmenu Start --------------------------------- */
ul.MENUE1 {
	list-style-type:none;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:left;
	padding-left:0px;
	margin-left:0px;
	width:170px;
}

ul.MENUE1 a,
ul.MENUE1 a:link,
ul.MENUE1 a:visited {
	color:#333333;
	text-decoration:none;
	display:block;
}

ul.MENUE1 a:hover,
ul.MENUE1 a:active,
ul.MENUE1 a:focus {
	background-color:#F9EAA7;
	text-decoration:none;
	display:block;
}

ul.MENUE1 li a,
ul.MENUE1 li active,
ul.MENUE1 li a:link {
	text-decoration:none;
	padding-left:30px;
	line-height:27px;
}

ul.MENUE1 li ul li a,
ul.MENUE1 li ul li active,
ul.MENUE1 li ul li a:link {
	text-decoration:none;
	padding-left:35px;
	line-height:21px;
}

ul.MENUE1 li {
	text-indent:0px;
	padding-left:0px;
	margin-left:0px;
}

ul.MENUE1 li ul {
	list-style-type:none;
	display:block;
	margin-left:0px;
	padding-left:0px;
}
/* --------------------------------- Hauptmenu Ende --------------------------------- */
```

## Beste Antwort

**tronixx** · 2005-06-01 · [Beitrag #6](https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit/6)

Naja, dein active würde ja genauso aussehen, wie der hover-Zustand... oder hüpft er dann in den "normalen" Zustand zurück ???

Ok, langsam bin ich selbst verwirrt ;)

## Antworten

### [#2](https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit/2) · tronixx · 2005-06-01

Hi,

in deinem css-Code fehlt lediglich das a:

> **TYPODrei schrieb:**
>
> **CSS:**
>
> ```typoscript
> ul.MENUE1 li active
> ul.MENUE1 li ul li active
> ```

richtig:

```typoscript
ul.MENUE1 li a:active
ul.MENUE1 li ul li a:active
```

Gruß tronixx

### [#3](https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit/3) · Unbekannter Benutzer · 2005-06-01

hmm ok das war schon mal ein guter tip :)

leider hat es nix am ergebnis geändert bei active kommt immer noch kein highlighting :(

**neue css version:**

```typoscript
/* --------------------------------- Hauptmenu Start --------------------------------- */
ul.MENUE1 {
        list-style-type:none;
        display:block;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#333333;
        text-align:left;
        padding-left:0px;
        margin-left:0px;
        width:170px;
}
 
ul.MENUE1 a,
ul.MENUE1 a:link,
ul.MENUE1 a:visited {
        color:#333333;
        text-decoration:none;
        display:block;
}
 
ul.MENUE1 a:hover,
ul.MENUE1 a:active,
ul.MENUE1 a:focus {
        background-color:#F9EAA7;
        text-decoration:none;
        display:block;
}
 
ul.MENUE1 li a,
ul.MENUE1 li a:active,
ul.MENUE1 li a:link {
        text-decoration:none;
        padding-left:30px;
        line-height:27px;
}
 
ul.MENUE1 li ul li a,
ul.MENUE1 li ul li a:active,
ul.MENUE1 li ul li a:link {
        text-decoration:none;
        padding-left:35px;
        line-height:21px;
}
 
ul.MENUE1 li {
        text-indent:0px;
        padding-left:0px;
        margin-left:0px;
}
 
ul.MENUE1 li ul {
        list-style-type:none;
        display:block;
        margin-left:0px;
        padding-left:0px;
}
/* --------------------------------- Hauptmenu Ende --------------------------------- */
```

### [#4](https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit/4) · tronixx · 2005-06-01

Dir ist aber schon klar, dass der Status "active" eines Links nur solang gilt, wie man daraufklickt und gedrückt hält, ja?
Ich befürchte nämlich gerade, dass du irgendwas versuchst, was garnicht funktionieren kann.

Wenn du den aktiven Menüpunkt (-> die Seite, die gerade angezeigt wird) im Menü markieren willst, musst du das schon über eine eigene Klasse machen.

Ach so, wenn du schon css benutzt, was soll dann noch dieser furchtbare font-Tag in deinem wrap?!  #paralyzed#

### [#5](https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit/5) · Unbekannter Benutzer · 2005-06-01

Hmm ja das denke ich mit mittlerweile auch aber wenn ich z.B. Auf einem Menüpunkt klicke und dann die Maus gedrückt wegziehe sollte es „active“ sein. Und schon das geht nicht.

Muss ich mit wohl was ganz anderes einfallen lassen.

### [#6](https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit/6) · tronixx · 2005-06-01 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

### [#7](https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit/7) · Unbekannter Benutzer · 2005-06-01

ja so wars geplant! active soll genau so aussehen wie hover.

ich habs jetzt dann glaube ich doch hinbekommen. mal wieder einfacher als gedacht.

"einfach nur" bei ACT

```typoscript
allWrap = <div style="background:#F9EAA7">|</div>
```

rein und schon gehts! ist zwar schade dass das nicht aus dem css kommt aber gehen tut es  :D

Setup:

```typoscript
#-----------------------------Menü-----------------------------#
 marks.MENUE1= HMENU
 marks.MENUE1.1 = TMENU
 marks.MENUE1.1 {
   wrap = <ul class="MENUE1"><font size="3">|</font></ul>
   expAll = 0
   NO {
    wrapItemAndSub = <li>|</li>
    ATagTitle.cObject = TEXT
    ATagTitle.cObject.dataWrap = Link zu: {field:subtitle}
   }   
   RO <.NO
   RO = 1
   RO {
   }
   ACT <.RO
   ACT = 1
   ACT {
    allWrap = <div style="background:#F9EAA7">|</div>
    }
   }


 marks.MENUE1.2 = TMENU
 marks.MENUE1.2 {
   wrap = <ul class="MENUE1"><font size="2">|</font></ul>
   expAll = 0
   NO {
    wrapItemAndSub = <li>|</li>
    ATagTitle.cObject = TEXT
    ATagTitle.cObject.dataWrap = Link zu: {field:subtitle}
   }   
   RO <.NO
   RO = 1
   RO {
   }
   ACT <.RO
   ACT = 1
   ACT {
    allWrap = <div style="background:#F9EAA7">|</div>
    }
   }
```

---

Quelle: „TMENU macht kein ACT aus CSS mit“, typo3.net, https://www.typo3.net/d/25391-tmenu-macht-kein-act-aus-css-mit
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.