---
title: "Farben im Menü"
url: "https://www.typo3.net/d/90154-farben-im-menue"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2009-06-01"
last_reply: "2009-06-01"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Farben im Menü

Frontend › Styling · 2 Antworten · gestartet 2009-06-01

## Eröffnungsbeitrag

**rloosli** · 2009-06-01 · [Beitrag #1](https://www.typo3.net/d/90154-farben-im-menue/1)

Hallo zusammen

Ich habe auf der Seite <http://www.putzig-gmbh.ch/homepage/index.php> das Problem, dass unter dem Menüpunkt "Dienstleistungen und Produkte" alle Menüpunkte gelb erscheinen. Eigentlich sollte nur der Aktive Menüpunkt gelb sein. Hier mein CSS Code, hoffe auf Eure Hilfe - Danke:

#left-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: auto;
	padding: 5px 10px 5px 20px;
/*	background: #131794;*/
	color: #000000;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#left-menu ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
}

#left-menu ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
		text-decoration: none;
	display: block;
}

#left-menu ul li {
	display: block;
	padding: 0;
	margin: 0;
	/*border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #ededed;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;*/
/*	background: #ffffff;*/
}

#left-menu li.left-level-1-no a {
	height: auto;
	text-decoration: none;
  display: block;
	padding: 5px 10px 5px 20px;
/*	background: #131794;*/
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a {
	height: auto;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 20px;
	background: #F8E01A;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7AFC2;
}

/*#left-menu li.left-level-2-no a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 25px;
	background: #000000;
	color: #000000;
}

#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 25px;
	background: #000000;
	color: #000000;
}

#left-menu li.left-level-3-no a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 35px;
	background: #000000;
	color: #000000;
}

#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 35px;
	background: #000000;
	color: #0000000;
}*/

## Antworten

### [#2](https://www.typo3.net/d/90154-farben-im-menue/2) · SLAng · 2009-06-01

Das hier ist ein TYPO3 Forum und kein CSS, oder HTML Forum. Daher ist sowohl das Forum als auch die Kathegorie falsch.

Deswegen verschoben.

### [#3](https://www.typo3.net/d/90154-farben-im-menue/3) · etux · 2009-06-01

Das Kommentar-Zeichen /* am Anfang von "#left-menu li.left-level-2-no a" hast Du vergessen zu entfernen.

```html
/*#left-menu li.left-level-2-no a {
height: auto;
text-decoration: none;
display: block;
padding: 10px 10px 10px 25px;
background: #000000;
color: #000000;
}
```

Dadurch ist auch der Rest der CSS-Datei für die Browser nicht sichtbar.

---

Quelle: „Farben im Menü“, typo3.net, https://www.typo3.net/d/90154-farben-im-menue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.