---
title: "zeilenschaltung im menu"
url: "https://www.typo3.net/d/63935-zeilenschaltung-im-menu"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2007-06-14"
last_reply: "2007-06-18"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# zeilenschaltung im menu

TYPO3 › Menüs · 2 Antworten · gestartet 2007-06-14

## Eröffnungsbeitrag

**gerster** · 2007-06-14 · [Beitrag #1](https://www.typo3.net/d/63935-zeilenschaltung-im-menu/1)

ich habe ein menu, das eine hintergrundfarbe beim rollover erhält.
siehe <http://www.koali.ch/typo3/>
sobald ein menupunkt aus 2 wörten besteht habe ich beim rollover eine zeilenschaltung!
kann mir jemand helfen?
css:
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #003366;
	margin-top: 40px;
}
.kopf {
	background-color: #CCFFCC;
}
.hintergrund {
	background-color: #F4EF5E;
}
.menu {
	background-color: #CDE557;
	padding-top: 20px;
	bottom: 20px;
	width: 100%;
	height: 500px;

}

.menu a:link, .menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin-left: 20px;
	line-height: 2.3;

}
.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #F4EF5E;
	padding-right: 100%;
	padding-left: 10px;
}
.menuaktiv a:link, .menuaktiv a:visited{
	color: #FFFFFF;
		width: 200px;
}
.menuaktiv2 a:link, .menuaktiv2 a:visited{
	color: #FFFFFF;
}
.menuaktiv2 a:hover{
	color: #FFFFFF;
}

.menu2 {
	background-color: #F4EF5E;

}
.menu2 a:link, .menu2 a:visited {
	color: #000000;
	text-decoration: none;
}

.rahmen {
	background-color: #CC3300;
}
.oben {
	background-color: #FFCC00;
}

.titel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.content {
	background-repeat: no-repeat;
	background-color: #AFCE32;
	padding-left: 20px;
	padding-bottom: 20px;
	height: 500px;
	overflow: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.aktuell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC3300;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.untertitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.untertitel:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.untertitel:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0033FF;
	text-decoration: none;
	font-weight: bold;
}a.untertitel:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	height: auto;
	width: auto;
}
a.untertitel:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

## Antworten

### [#2](https://www.typo3.net/d/63935-zeilenschaltung-im-menu/2) · fuss · 2007-06-14

Olla!

```html
.menu a:link, .menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
display: block;
padding: 4px 0 4px 20px;
width: 180px;
}
.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #F4EF5E;
}
```

So läufts im FF, IE is ungetestet.

gruss, fuss

### [#3](https://www.typo3.net/d/63935-zeilenschaltung-im-menu/3) · FrankT · 2007-06-18

Genau,

das ...

PADDING-RIGHT: 200px;

... muß raus.
Der Platz rechts vom Menü-Text ist einfach nicht da, so dass sich der Browser den Platz irgendwie nimmt.
Darum geht das uweite Wort in die zweite Zeile und die Seite zuckt bei jedem Link.

Gruß
Frank

---

Quelle: „zeilenschaltung im menu“, typo3.net, https://www.typo3.net/d/63935-zeilenschaltung-im-menu
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.