---
title: "Menu mit unterschiedlichen Bildern"
url: "https://www.typo3.net/d/55376-menu-mit-unterschiedlichen-bildern"
source: "typo3.net"
tags: ["TYPO3","Menüs","Bilder","Frage"]
created: "2006-12-22"
last_reply: "2006-12-22"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Menu mit unterschiedlichen Bildern

TYPO3 › Menüs · 3 Antworten · gestartet 2006-12-22

## Eröffnungsbeitrag

**Morgenstunden** · 2006-12-22 · [Beitrag #1](https://www.typo3.net/d/55376-menu-mit-unterschiedlichen-bildern/1)

Moin zusammen,

ich bin sicher, dass ich nicht der erste mit diesem Problem bin, suche nun aber schon seit geraumer Zeit.

Hier die Frage:

ich will als Hauptmenu ein Menu mit Bildern.
Allerdings soll jeder Menüpunkt ein eigenes Bild bekommen.

Mir ist nicht klar wo ich die Bilder hinterlegen muss.
Ich habe es versucht, sie in den einzelnen Seiten zu hinterlegen (Seitentyp Erweitert/Advanced), weiss aber nicht wie ich sie auslesen kann.

Kann mir bitte jemand einen Tip geben (Tutorial, Forumseintrag)?

Vielen Dank und liebe Grüße Jörg

## Antworten

### [#2](https://www.typo3.net/d/55376-menu-mit-unterschiedlichen-bildern/2) · Morgenstunden · 2006-12-22

Okay,

bin ein gutes Stück weiter gekommen. Erstmal mein Code:

```typoscript
page.10 = HMENU
page.10 {
 1 = TMENU
 1{
  wrap = <table class="mainnavi" cellspacing="0" cellpadding="0"><tr><td class="white"></td><td class="mainnav"></td>|    <td class="white"><td class="mainnav"></td><td class="white"></td></tr><tr><td colspan="15" class="white"></td></tr><tr><td class="px"><td class="line"></td><td class="px"><td class="line" colspan="9"></td><td class="px"><td class="line"></td><td class="px"></td></tr></table>
  NO = 1
  NO{
    after.dataWrap = NO{
    after.dataWrap = <td class="white"></td><td valign="top"><img src="fileadmin/CCT/images/0_{field:title}.gif" width="120" height="101"></td>
    wrapItemAndSub = <td>|</td>
  }
  RO = 1
  RO{
    after.dataWrap = <img src="fileadmin/CCT/images/1_{field:title}.gif" width="120" height="101"> |
    wrapItemAndSub = <div></div>
  }
  CUR = 1
  CUR{
    after.dataWrap = <img src="fileadmin/CCT/images/1_{field:title}.gif" width="120" height="101"> |
    wrapItemAndSub = <div></div>
  }
 }
```

Allerdings gibt er mir jetzt noch vor jedem Bild den Namen des Titels der Seite aus.

Wieso?? Wie kann ich das umgehen?
Ausserdem funktioniert der RO-Effekt nicht...

Hat wer nen Tip?

Viele Grüße Jörg

### [#3](https://www.typo3.net/d/55376-menu-mit-unterschiedlichen-bildern/3) · toyde · 2006-12-22

Willkommen im Forum,

*Navigationsstruktur*
Würde keine Tabelle dafür verwenden. Geht mit Div oder List-Menues einfacher.

*wrap*
Weshalb so ein Konstrukt?

```typoscript
  NO = 1
  NO{
    after.dataWrap = NO{
    after.dataWrap = <td class="white"></td><td valign="top"><img src="fileadmin/CCT/images/0_{field:title}.gif" width="120" height="101"></td>
    wrapItemAndSub = <td>|</td>
  }
```

*RO im TMENU*
Zwar in der Referenz aufgelistet, ist generell aber Schwachsinn. Formatier textbasierte Navigationen mit CSS. Klassen kann man je Struktur individuell vergeben. RO macht nur bei GMENU Sinn.

> Allerdings soll jeder Menüpunkt ein eigenes Bild bekommen.

Interessanter Ansatz mit dem field:title - aber die angeschnittene Lösung über Erweitert/Advanced ist angenehmer. V.A. kann man dabei Bilder ohne Script-Anpassung austauschen.

> Allerdings gibt er mir jetzt noch vor jedem Bild den Namen des Titels der Seite aus.

Richtig, TMENU gibt Text aus  ;) . Das müsstest Du entsprechend anpassen.

Wie sieht die Navigation überhaupt aus? Wenn Du ohnehin nur Bilder haben möchtest, schreib von vornerein ein GMENU.

grüsse

### [#4](https://www.typo3.net/d/55376-menu-mit-unterschiedlichen-bildern/4) · Morgenstunden · 2006-12-22

Vielen Dank schon mal für die Hinweise.

Erstmal wie es werden soll:

[Bild: morgenstunden.com/…/Navi-soll.jpg](http://www.morgenstunden.com/CCT-Screen/Navi-soll.jpg)

So wie es im Moment noch aussieht:

[Bild: morgenstunden.com/…/Navi-ist.jpg](http://www.morgenstunden.com/CCT-Screen/Navi-ist.jpg)

Ich habe das Menü mit Tabellen gemacht, da ich die CSS-Datei schon als vorgabe gekriegt habe.

> wrap
> Weshalb so ein Konstrukt?

Ich dachte das benötige ich um die Variable zu parsen.

> Interessanter Ansatz mit dem field:title - aber die angeschnittene Lösung über Erweitert/Advanced ist angenehmer. V.A. kann man dabei Bilder ohne Script-Anpassung austauschen.

Okay, ne Idee wie das aussehen müßte?

Und was für nen Menu muss ich nehmen, damit er mir den Text nicht anzeigt?
GMENU? Aber dann macht er mir nen Bild rein, oder?

Greets Jörg

---

Quelle: „Menu mit unterschiedlichen Bildern“, typo3.net, https://www.typo3.net/d/55376-menu-mit-unterschiedlichen-bildern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
