---
title: "Nettes CSS-Klappmenü mit verschiedenen <li>-Klassen...wie?"
url: "https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2006-12-30"
last_reply: "2007-01-16"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# Nettes CSS-Klappmenü mit verschiedenen <li>-Klassen...wie?

TYPO3 › Menüs · 10 Antworten · gestartet 2006-12-30

## Eröffnungsbeitrag

**Eazy** · 2006-12-30 · [Beitrag #1](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/1)

Moin, moin,

ich habe ein nettes horizontales CSS-Menü gefunden (<http://www.cssplay.co.uk/menus/drop_examples.html>, Menü 4) welches auf Listen basiert.

Das schöne ist, dass je nachdem, welche Klasse ein Listenelement hat, verschiedene Icons davor angezeigt werden.

Meine Frage kann sich jeder denken: Wie implementiere ich das in Typo3?

Man müsste ja irgendwie den Oberseiten eine Klasseneigenschaft zuweisen, oder nicht? Eine Auswahlliste der Klasse im BE für den Redakteur wäre ne feine Sache.

Meint einer, dass dat geht?

## Antworten

### [#2](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/2) · einpraegsam.​net · 2006-12-30

Such mal hier im Forum nach TMENU Layers - hier hat sich mal ein Admin die Mühe gemacht ein schönes Menü im Listenformat zu posten...

### [#3](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/3) · just2b · 2006-12-31

Der Thread war dieser: [/d/39055-menues-basierend-auf-css](https://www.typo3.net/d/39055-menues-basierend-auf-css)

und vielen dank fürs durscheinende lob @ wunschtacho und einen guten rutsch

georg

### [#4](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/4) · einpraegsam.​net · 2006-12-31

Guten Rutsch Georg

und natürlich auch allen anderen!

### [#5](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/5) · Eazy · 2007-01-13

Moin nochmal,

hoffe ihr seid gut reingerutscht...;-)

Das sind schon sehr schöne Menüs, allerdings weiß ich noch immer nicht, wie ich den obersten Ebenen angepasste Klassen zuweisen kann...das Menü "Homepage" soll bspw ein andere Symbol (über die Klasse gesteuert) bekommen, als "Über uns"...

Versteht man das?

Gruß,
Flo

### [#6](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/6) · Michaelh74 · 2007-01-13

Hallo Flo,

wenn ich das richtig verstehe, mußt Du dazu einfach die Menüs in einen unterschiedlichen DIV container wrappen

wie z.B.

```typoscript
### Für Menü 1
wrap = <div id="meinMenu1">|</div
### Für Menü 2
wrap = <div id="meinMenu2>|</div
```

Dann im CSS einfach:

```html
#meinMenu1 li {
    CSS-Anweisung
}
#meinMenu2 li {
    CSS-Anweisung
}
```

Hoffe das hilfe Dir weiter!

Gruß
Michael

### [#7](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/7) · Eazy · 2007-01-13

Hallo,

und danke dir, Michael, für den Tipp. Habe ich mir auch schon so gedacht, genauer: da liegt eigentlich gar nicht das Problem, sondern, dass ich den einzelnen <LI>'s, also den Menüeinträgen, der obersten Ebene DES EINEN MENÜS verschiedene Klassen zuteilen möchte...

### [#8](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/8) · Michaelh74 · 2007-01-14

Hallo,

wenn ich das richtig verstehe versuchst Du dann in einem Menü den LI s verschiedenen classes zuzuweisen.

Das müßte mit Option-Split möglich sein. Such mal nach diesem Begriff hier im Forum oder der TSRef. Damit kann man erstes, mittleres und letztes Element mit unterschiedlichen wraps versehen. Das geht auch geschachtelt...

Gruß
Michael

### [#9](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/9) · Eazy · 2007-01-15

Hm, ja das habe ich auch schon mal gesehen...aber dann hätte ich ja eine gewisse Statik bei der Strukturierung des Menüs...ich würde über TS einstellen, dass das erste LI die Klasse X, das zweite die Klasse Y usw. hätte. Dann könnte ich aber im BE nicht einfach den ersten Menüeintrag verschieben, ohne dass das neue erste Menüelement die Klasse vom alten (verschobenen) ersten Menüelement bekommen würde...oder?

Ich müsste dem Menüelement (der Seite?) irgendwie mitteilen können, welche Klasse es hat...

### [#10](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/10) · just2b · 2007-01-15

Extension rgmenu

georg

### [#11](https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie/11) · Michaelh74 · 2007-01-16

Aber eine gewisse Statik brauchst Du ja immer wenn die den einzelnen Menüpunkten ein specielles Layout zuweisen willst.

Noch ne Idee. Evt. über das Feld "Files" und ner CSS-Datei je Seite. Die müßte dann nur die Anweisung für das LI haben.

Im Stil von Menü mit Hintergrund-Grafiken.

Gruß
Michael

---

Quelle: „Nettes CSS-Klappmenü mit verschiedenen <li>-Klassen...wie?“, typo3.net, https://www.typo3.net/d/55553-nettes-css-klappmenue-mit-verschiedenen-li-klassenwie
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.