---
title: "Zeilenumbruch im Menu stimmt nicht"
url: "https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2008-09-01"
last_reply: "2008-09-03"
replies: 11
solved: false
page: 1
pages: 1
lang: "de"
---

# Zeilenumbruch im Menu stimmt nicht

TYPO3 › Menüs · 11 Antworten · gestartet 2008-09-01

## Eröffnungsbeitrag

**erschaup** · 2008-09-01 · [Beitrag #1](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/1)

Ich versuche verzweifelt ein Menu auf die Beine zu stellen, so dass die Menupunkte ordentlich untereinander stehen. Das geht soweit ganz gut bis auf die Tatsache, dass zu lange Titel umgebrochen werden und dann nicht mehr bündigt sind. Mein TS sieht derzeit so aus.

```typoscript
tmp.SEITENNAVIGATION = HMENU
tmp.SEITENNAVIGATION.entryLevel = 1

tmp.SEITENNAVIGATION.1 = TMENU
tmp.SEITENNAVIGATION.1.NO {
  expAll = 1
  allWrap = <div class="navi_seite"> | </div>
}

tmp.SEITENNAVIGATION.1.ACT = 1
tmp.SEITENNAVIGATION.1.ACT {
  allWrap = <div class="navi_seite"> | </div>
}
```

So sieht es derzeit aus: <http://www.wcg-unternehmensberatung-reutlingen.de/index.php?id=5>

Kann ich es irgendwie anstellen, dass die umgebrochenen Punkte trotzdem ordentlich in der Reihe stehen?

Bin für jeden Tip dankbar.

## Antworten

### [#2](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/2) · larsmessmer · 2008-09-01

Das ist nur ne Frage des CSS, mach den Abstand links einfach auf deine "hauptmenu" klasse oder ID und nicht mit &nbsp;&nbsp;&nbsp;...

padding!!

### [#3](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/3) · Unbekannter Benutzer · 2008-09-01

Da muss ich mich mal sehr räuspern...

Das hat doch damit nichts zu tun!

Ein Menü macht man mit einer Liste. Dann stehen zu lange Titel automatisch bündig... Und dann kann man sehr wohl mit padding einrücken wie mal möchte.

### [#4](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/4) · erschaup · 2008-09-01

sorry larsmesser, versteh nicht ganz was Du meinst. Kannst Du mir das vielleicht mal genau erklären. Stehe hier ein wenig auf dem Schlauch:

Hier mal noch die zugehörigen CSS:

.navi_seite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.navi_seite a:link {
	color: #000000;
	text-decoration: none;
}

.navi_seite a:visited {
	color: #000000;
	text-decoration: none;
}

.navi_seite a:hover {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite a:active {
	color: #DB3035;
	text-decoration: none;
}

### [#5](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/5) · Unbekannter Benutzer · 2008-09-01

Siehe Post oben... Menü mit einer unordered List bauen und du bist dein Problem los...

### [#6](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/6) · erschaup · 2008-09-01

kann ich dann trotzdem noch im 2. untermenu mit ts meine pfeile vor die menupunkte basteln oder muss ich das dann auch in css machen?

### [#7](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/7) · Unbekannter Benutzer · 2008-09-01

Ist es eh besser wenn du das im CSS machst...
Wie machst du denn sonst die Pfeile davor? Mit beforeImg?

### [#8](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/8) · erschaup · 2008-09-01

ja, mit beforeimg, ist das nicht so gut?

### [#9](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/9) · Unbekannter Benutzer · 2008-09-02

Was heißt "nicht so gut".... Es ist einfach lange nicht so flexibel und so schlank wie per CSS. Per CSS hast du wesentlich mehr Möglichkeiten. Das würde ich mir stark überlegen, dass mit div-Containern und mit beforeImg zu machen...

### [#10](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/10) · erschaup · 2008-09-02

hi slang
vielen dank für die infos, werde das menu jetzt zu einer ungeordneten liste umbauen.
danke

### [#11](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/11) · erschaup · 2008-09-03

hallo

habe meine menus jetzt mit ungeordneten listen gebaut, soweit so gut; hier mal mein ts:

```typoscript
tmp.SEITENNAVIGATION = HMENU
tmp.SEITENNAVIGATION.entryLevel = 1
tmp.SEITENNAVIGATION {
    1 = TMENU
    1 {
        expAll = 0
        wrap = <ul class="navi_seite">| </ul>
        NO {
            
            allWrap = <li class="navi_seite_normal">|</li>        
        }
        

        ACT = 1
        ACT {
            allWrap = <li class="navi_seite_aktiv">|</li>
        }
    }

    2 = TMENU
    2 {
        wrap = <ul class="navi_seite_klein"> | </ul>
        NO {
            allWrap = <li class="navi_seite_klein"> |</li>      
            beforeImg = fileadmin/images/pfeil_weiss.gif
            beforeROImg = fileadmin/images/pfeil_rot.gif
  	   RO = 1
        }
        ACT = 1
        ACT {
        beforeImg = fileadmin/images/pfeil_rot.gif
        allWrap = <li class="navi_seite_klein_aktiv">|</li>
        }
        
    }
}
```

Meine Einrückungen stimmen aber immer noch nicht. Irgendwie habe ich wohl einen Fehler in den CSS-Dateien, aber ich finde ihn nicht. Könnte da mal jemand drauf schauen und mir den Fehler sagen:

.navi_seite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	list-style: none;
	margin: 0 px
	padding: 0 px
}

.navi_seite a:link {
	color: #000000;
	text-decoration: none;
}

.navi_seite a:visited {
	color: #000000;
	text-decoration: none;
}

.navi_seite a:hover {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite a:active {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_norm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.navi_seite_aktiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DB3035;
	text-decoration: none;
	list-style: none;
	margin: 0 px
}

.navi_seite_aktiv a:link {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_aktiv a:visited {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_aktiv a:hover {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_aktiv a:active {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	list-style: none;
	margin: 5 px
}

.navi_seite_klein a:link {
	color: #000000;
	text-decoration: none;
}

.navi_seite_klein a:visited {
	color: #000000;
	text-decoration: none;
}

.navi_seite_klein a:active {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_klein a:hover {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_klein_aktiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DB3035;
	text-decoration: none;
	list-style: none;
	margin: 5 px
}

.navi_seite_klein_aktiv a:link {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_klein_aktiv a:visited {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_klein_aktiv a:hover {
	color: #DB3035;
	text-decoration: none;
}

.navi_seite_klein_aktiv a:active {
	color: #DB3035;
	text-decoration: none;
}

Zu sehen ist der Fehler nochmals hier: <http://www.wcg-unternehmensberatung-reutlingen.de/index.php?id=5>
Die Seminare hängen in der Gegend herum!

### [#12](https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht/12) · Unbekannter Benutzer · 2008-09-03

Ich denke das liegt einfach am beforeImg, dass ja auch noch vor dem LI sitzt, dass im übrigen auch noch falsch geöffnet und geschlossen wird.

List-Menüs immer mit wrapItemAndSub bauen.

Wegen deinem CSS:
Installier dir die Webdeveloper Tools für den Firefox und dann kannst du selbst mal schauen wo der Fehler liegt, da du dann live dein CSS bearbeiten kannst. Ein nacktes CSS-Snippet hilt niemandem etwas.

---

Quelle: „Zeilenumbruch im Menu stimmt nicht“, typo3.net, https://www.typo3.net/d/81307-zeilenumbruch-im-menu-stimmt-nicht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.