---
title: "Menüs basierend auf CSS"
url: "https://www.typo3.net/d/92111-menues-basierend-auf-css"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2009-08-13"
last_reply: "2009-08-19"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Menüs basierend auf CSS

TYPO3 › Menüs · 3 Antworten · gestartet 2009-08-13

## Eröffnungsbeitrag

**vitruvian** · 2009-08-13 · [Beitrag #1](https://www.typo3.net/d/92111-menues-basierend-auf-css/1)

Habe gem. just2b's Howto mal das Menü (horizontal) in meine Testumgebung eingebaut.

Erstmal großes Lob - so kompakt und valide muß man das erstmal hinbekommen.

Funktioniert auch soweit alles wunderbar - in jedem Browser. Menü klappt aus...irgendwie verzweifle ich nur daran, dass ich den letzten Menüpunt nicht anders stylen kann? Trenne das über CSS

> #nav li li {
> 	width: 14em;
> 	border-bottom-width: thin;
> 	border-bottom-style: solid;
> 	border-bottom-color: #FFF;
> }

mit einem Strich unter jedem Menüpunkt. Ich weiß das ich das mit dem letzten Eintrag über optionsplit lösen muß - bekomme es aber nicht hin...???

```typoscript
temp.MAINNAVI = HMENU
temp.MAINNAVI {
	special = list
	special.value = 8,83,6,4,113,145,120

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>
		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	
	2 < .1	
	2.wrap = <ul id="nav2">|</ul>
	noBlur = 1
	NO = 1
	NO.wrapItemAndSub = <li>|</li>

	3 < .2
	4 < .2
}

lib.MAINNAVI < temp.MAINNAVI
```

"nav2" damit ich das ausgeklappte Menü anders stylen kann...

Kann mir jemand einen Anhaltspunkt geben? Optionsplit ist sonst nicht das Problem, aber irgendwie finde ich hier nicht den richtigen Einstiegspunkt...?

Hier der Link:
<http://rheosol.de/strauven.de/index.php?id=8>

## Antworten

### [#2](https://www.typo3.net/d/92111-menues-basierend-auf-css/2) · Mopps · 2009-08-19

```typoscript
wrap = |*||*| <li> | </li> || <li class="last"> | </li>
```

> "nav2" damit ich das ausgeklappte Menü anders stylen kann...

Dafür bräuchtest du die zusätzliche id nicht unbedingt.

### [#3](https://www.typo3.net/d/92111-menues-basierend-auf-css/3) · vitruvian · 2009-08-19

Nicht? Ich dachte das wäre das Prinzip dieser Vererbung?

### [#4](https://www.typo3.net/d/92111-menues-basierend-auf-css/4) · Mopps · 2009-08-19

Du vergibst für eine ungeordnete Liste eine ID. Das hat nichts mit Vererbung zu tun. Wenn du folgendes hast:

```html
<ul id="nav1">
  <li>
    <ul></ul>
  </li>
</ul>
```

dann kannst du über CSS die 2. Liste problemlos ansprechen über:

```html
ul#nav1 li ul {
}
```

---

Quelle: „Menüs basierend auf CSS“, typo3.net, https://www.typo3.net/d/92111-menues-basierend-auf-css
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.