---
title: "Wie spreche ich in einer CSS-Datei die Menüzustände an?"
url: "https://www.typo3.net/d/68659-wie-spreche-ich-in-einer-css-datei-die-menuezustaende-an"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2007-09-27"
last_reply: "2007-09-27"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Wie spreche ich in einer CSS-Datei die Menüzustände an?

TYPO3 › Menüs · 2 Antworten · gestartet 2007-09-27

## Eröffnungsbeitrag

**Fallost** · 2007-09-27 · [Beitrag #1](https://www.typo3.net/d/68659-wie-spreche-ich-in-einer-css-datei-die-menuezustaende-an/1)

Hallo,

ich möchte gern ein vertikales Textmenü in TS erstellen welches aus zwei Ebenen besteht. Ich hab's soweit auch hinbekommen, möchte jetzt nur noch die einzelnen Zustände in CSS-Klassen formatieren. Das will mir aber nicht gelingen  #angry#

Habe schon mehrere Threads in diesem Forum gelesen, aber leider erklärt keiner, wie genau die CSS-Datei auszusehen hat.

wie deklariere ich in Typo-Script eine css-klasse und wie spreche ich sie in meiner ausgelagerten css-datei an?

Vielen Dank für euer Verständnis und eure Hilfe.

MfG, Patrick

Hier ein Auszug aus dem Typo-Script:

```typoscript
   MAIN-MENU = HMENU
   MAIN-MENU.1 = TMENU 
   MAIN-MENU.1.NO {
     wrap = <div class="main-menu"> | </li>
     special = directory
     special.value = 2
     before =  
     after =   | |*|   | |*|  
     beforeImg = fileadmin/templates/img/pfeilchen.gif
   }
   
   MAIN-MENU.1.CUR = 1
   MAIN-MENU.1.CUR {
     wrap = 
     before =  
     after =   | |*|   | |*|  
     beforeImg = fileadmin/templates/img/pfeilchen-minus.gif
   }
```

## Antworten

### [#2](https://www.typo3.net/d/68659-wie-spreche-ich-in-einer-css-datei-die-menuezustaende-an/2) · Unbekannter Benutzer · 2007-09-27

> wie deklariere ich in Typo-Script eine css-klasse und wie spreche ich sie in meiner ausgelagerten css-datei an?

Ich glaub hier liegt der Denkfehler, in TypoScript deklarierst Du keine css-Klassen und sprichst sie auch nicht in der CSS-Datei an, sondern über TypoScript sagst Du einfach was für HTML ausgegeben werden soll und Dein CSS muss das HTML dann richtig formatieren.

Sprich: Du bastelst Dir eine HTML-Vorlage, in der Du alle Menüzustände definierst und auch das entsprechende CSS-Format hinterlegst.

Anschließend gehts an die Implementierung und Du beachtest beim Menüaufbau, dass auch beim aus Typo3 generierten HTML alles so ausschaut wie in Deiner HTML-Vorlage.

Bei uns ist das z.B. klassisch für Aktiv-Zustände von Menüs eine CSS-Klasse im jeweiligen A-Tag (a href="asdfs.html" class="active").

Kannst aber auch li-Tags mit einer Klasse drum legen, ganz wie Du willst, das ist abhängig von Deiner HTML-Vorlage in der Du das vorbereitet haben solltest.

Diverse Menüzustände (NO, ACT, CUR, IFSUB, ACTIVSUB) etc. stehen Dir zur Verfügung, damit Du für die jeweiligen Menüzustände unterschiedliches HTML darum legen kannst.

Viele Grüße!
Niki

### [#3](https://www.typo3.net/d/68659-wie-spreche-ich-in-einer-css-datei-die-menuezustaende-an/3) · Fallost · 2007-09-27

Danke Niki für Deine genaue Beschreibung. Ich hab es, TypoScript sei Dank hinbekommen. Einen Schönen Abend Euch Allen da Draussen.

> Man, ich fühle mich hier pudelwohl!

[/quote]

---

Quelle: „Wie spreche ich in einer CSS-Datei die Menüzustände an?“, typo3.net, https://www.typo3.net/d/68659-wie-spreche-ich-in-einer-css-datei-die-menuezustaende-an
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.