---
title: "Vorangestellte Menüicons einrücken?"
url: "https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2003-09-08"
last_reply: "2003-11-17"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# Vorangestellte Menüicons einrücken?

TYPO3 › Menüs · 8 Antworten · gestartet 2003-09-08

## Eröffnungsbeitrag

**sw-student** · 2003-09-08 · [Beitrag #1](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/1)

Hallo Leute,

ich möchte ein Menü mit vorangestellten Icons erstellen.
Es soll folgendermaßen aussehen:

___<icon>Seite 1
______<icon>Seite 1.1
______<icon>Seite 1.2
______<icon>Seite 1.3
___<icon>Seite 2
___<icon>Seite 3
___<icon>Seite 4

Ich habe die Struktur über vorangestellte Leerzeichen erreicht. Leider werden die Icons alle an den Anfang gestellt:

<icon>___Seite 1
<icon>______Seite 1.1
<icon>______Seite 1.2
<icon>______Seite 1.3
<icon>___Seite 2
<icon>___Seite 3
<icon>___Seite 4

Wie kann ich die Leerzeichen vor die Icons schieben?

Kann mir jemand nen guten Tipp geben?

Danke
sw-student

## Antworten

### [#2](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/2) · garbast · 2003-11-10

wie waers, wenn du beim wrappen das folgendermassen machst

```typoscript
temp.NAVIGATION = HMENU
temp.NAVIGATION {
	1 = TMENU
	1.NO.allWrap = <div><img class="pfeil" src="fileadmin/ast/images/pfeil.gif" alt="" /> | </div>
	1.SPC = 1

	2 = TMENU
	2.NO.allWrap = <div>&nbsp;&nbsp;&nbsp;<img class="pfeil" src="fileadmin/ast/images/pfeil.gif" alt="" /> | </div>
	2.SPC = 1
}
```

### [#3](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/3) · sw-student · 2003-11-11

Danke für deine Antwort ... lang ist's her ;-)
Hab mittlerweile ein Stylesheet im Einsatz und steuer den Einzug per padding.

Trotzdem interessante Lösung! Danke!

### [#4](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/4) · garbast · 2003-11-11

bin noch nicht so lange hier angemeldet und habe das thema gestern beim stöbern entdeckt.
dachte mir wenn ich hier schon infos bekomme, dann kann ich auch mal was zurueck geben.

### [#5](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/5) · sw-student · 2003-11-11

Das ist die Grundlage einer funktionsfähigen Community.

Happy typoing!

### [#6](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/6) · blauwahr · 2003-11-14

> Hab mittlerweile ein Stylesheet im Einsatz und steuer den Einzug per padding

hallo SW-Student!
kannst Du vielleicht kurz erläutern wie du das mit dem stylesheet gemacht hast - und was ist padding??

gruß+dank
volker

### [#7](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/7) · sw-student · 2003-11-14

Also, du definierst in deinem Stylesheet (muss natürlich vorher im Setup eingebunden werden: page.stylesheet = fileadmin/templates/style.css) die verschiedenen Ebenen deines Menüs:

```css
.ebene1{
padding-left: 12px;
}

.ebene2{
padding-left: 20px;
}

.ebene3{
padding-left: 28px;
}
```

Dann weißt du innerhalb deines Setup bei deinem Menü die Klassen den einzelnen Ebenen zu:

```typoscript
[...]
                                   1 = TMENU
                                   1 {
                                        expAll = 0
                                        collapse = 1
                                        NO.linkWrap = 
                                        NO.ATagParams = class = "ebene1"
                                       }
                                   2 = TMENU
                                   2 {
                                        expAll = 0
                                        collapse = 1
                                        NO.linkWrap = 
                                        NO.ATagParams = class = "ebene2"
                                       }
                                   3 = TMENU
                                   3 {
                                        expAll = 0
                                        collapse = 1
                                        NO.linkWrap = 
                                        NO.ATagParams = class = "ebene3"
                                       }
[...]
```

Padding steuert den Einzug. Ebenfalls möglich: padding-right; padding-top; padding-bottom; padding;

### [#8](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/8) · blauwahr · 2003-11-14

hey, das is ja toll - so prompt antwort zu bekommen!
werd´s gleich mal ausprobieren -
vielen dank für´s erste!!

gruß
volker

### [#9](https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken/9) · blauwahr · 2003-11-17

okay - das klappt nicht, aber vielleicht sollte ich das Ganze Schritt für Schritt angehen - also ich habe 9 Menüpunkte, die auch untereinander angeordnet werden - die nächte Frage ist: wie krieg´ ich´s hin, daß bei MouseOver die zugehörigen Unterpunkte eingeblendet werden??
Die Seite soll mal in etwa **[so](http://graphixx.de/ms_doku/doku_index.htm)**   aussehen.

Gruß+Dank
Volker

---

Quelle: „Vorangestellte Menüicons einrücken?“, typo3.net, https://www.typo3.net/d/5556-vorangestellte-menueicons-einruecken
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.