---
title: "Grafisches Menü+Text als Submenü"
url: "https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","JavaScript & AJAX"]
created: "2008-11-21"
last_reply: "2008-11-21"
replies: 11
solved: false
page: 1
pages: 1
lang: "de"
---

# Grafisches Menü+Text als Submenü

TYPO3 › Menüs · 11 Antworten · gestartet 2008-11-21

## Eröffnungsbeitrag

**Unbekannter Benutzer** · 2008-11-21 · [Beitrag #1](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/1)

Hallo zusammen,

ich hab da ein etwas schwieriges Problems. Und zwar hab ich als Superfish-Menü (Dropdown mit jQuery-Funktionen) bei dem die Hauptpunkte Grafiken sind und die Unterpunkte Text in den Dropdownlisten sind.

Wenn ich das komplette Menü nur mit Text mach ist das kein Problem mit TS umzusetzen, allerdings hab ich Probleme das ganze mit Grafiken für die Hauptpunkte umzusetzen.
Die Grafiken werden angezeigt und das sieht auch alles so aus wies soll, nur werden die Unterpunkte jetzt nicht mehr ausgeklappt.

Hier ist mal mein bisheriges TS dazu:

```typoscript
### Menü ###
lib.mainMenu = HMENU
lib.mainMenu {

  ### Erste Ebene ###
    1 = GMENU
    1.wrap = <ul class="navigation">|</ul>
   
    1.NO = 1
    1.NO {
    		XY = 135,30
		align = center
		backColor = #F5F5F5
		wrap = <li class="first">|<span class="access">title</span></li>|*|<li>|<span class="access">title</span></li>|*|<li class="last">|<span class="access">title</span></li>
      		expAll = 1 
      		 
      		10 = TEXT
		10.text.field = title
		10.fontColor = #666666
		10.fontFile = fileadmin/fonts/gothic.TTF
		10.fontSize = 10
		10.antiAlias = 3
		10.offset = 0,19
		10.align = center
           
    }
    
    	1.RO < .1.NO 
	1.RO = 1
	1.RO.10.fontColor = #5d8fb9
	
	1.ACT < .1.NO
	1.ACT = 1
	1.ACT.10.fontColor = #5d8fb9


    ### Zweite Ebene ###
    2 = TMENU
    
    2.expAll=1
    2.NO  {
      wrap = <ul>|</ul>
      NO.allWrap = <li>|</li>
    }
}
```

## Antworten

### [#2](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/2) · just2b · 2008-11-21

Hallo,

so schwer bis nicht zu beantworten. spiel das ganze lokal mit grafiken in der 1. Ebene durch, wenns funkt, dann vergleiche mit dem von TYPO3 erzeugten Code, wenns nicht funkt, hats auhc mit TYPo3 nichts zu tun

georg

### [#3](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/3) · Unbekannter Benutzer · 2008-11-21

Funktionieren tut das schon. Ich hab die Seiten schon lokal erstellt und wollt sie jetzt nur noch in Typo3 einbauen.

Wenn ich alles als TMENU mach klappt es auch. Ich will jetzt nur die Hauptmenupunkte durch Grafiken ersetzen bzw. erzeugte Grafiken.

### [#4](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/4) · just2b · 2008-11-21

und wo ist der unterschied zwsichen den dynamsichen grafiken, die nicht funktionieren und die version mit grafiken, die du lokal hast? wir hier können nicht raten

### [#5](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/5) · Unbekannter Benutzer · 2008-11-21

Lokal sieht das ganze wie folgt aus:

```html
<ul class="navigation">
    <li>
        <a href="" id="punkt1"></a>
        <ul>
            <li><a href="#">Unterpunkt1</a></li>
            <li><a href="#">Unterpunkt2</a></li>
            <li><a href="#">Unterpunkt3</a></li>
        </ul>
    </li>
</ul>
```

Punkt1 ist einfach eine Hintergrundgrafik mit CSS.

In T3 sollte das ganze dann so aussehen:

```html
<ul class="navigation">
    <li>
        <a href=""><img height="30" border="0" width="135" name="img52_3a32_1" alt="Punkt1" src="http://localhost/typo3/typo3temp/menu/bb6894eb08.gif" /></a>
        <ul>
            <li><a href="#">Unterpunkt1</a></li>
            <li><a href="#">Unterpunkt2</a></li>
            <li><a href="#">Unterpunkt3</a></li>
        </ul>
    </li>
</ul>
```

### [#6](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/6) · just2b · 2008-11-21

du hasts noch nicht verstanden..

funktioniert lokal denn variante 2?

### [#7](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/7) · Unbekannter Benutzer · 2008-11-21

Anscheinend versteh ichs echt nicht.

Ich hab eine Seite gebaut mit HTML/CSS/JS. Diese Seite will ich in T3 umsetzen, lokal auf Xampp.

In meiner Seite habe ich bisher die Hauptmenüpunkte mit statischen Grafiken per CSS in das Menü eingebunden.
In T3 sollen die Hauptpunkte aber dynamisch erzeugt werden. DAS klappt auch alles soweit perfekt.
Was nicht klappt ist sind die Unterpunkte als Text einzubinden, also:

```html
<li><a href="#"><img src="..." alt="Hauptpunkt_nr_1"/></a>
    <ul>
         <li><a href="#">Unterpunkt1</a></li>
         <li><a href="#">Unterpunkt2</a></li>
         <li><a href="#">Unterpunkt3</a></li>
    </ul>
</li>
```

### [#8](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/8) · Unbekannter Benutzer · 2008-11-21

Wow ich habs geschafft, dass die Unterpunkte jetzt aufgeklappen. Allerdings nur die Unterpunkte des Hauptpunktes auf dessen Seite ich bin. D.h. Bin ich auf Seite 1 funktionieren nur die Unterpunkte von Hauptpunkt 1 usw.
Es sopll aber so sein, dass auf jeder Seite immer alle Punkte ausklappbar sind :-(

### [#9](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/9) · just2b · 2008-11-21

expAll = 1

georg

### [#10](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/10) · Unbekannter Benutzer · 2008-11-21

Puuuh das war ne schwere Geburt ;-)

Jetzt klappts.

Großes Dankeschön

### [#11](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/11) · just2b · 2008-11-21

jetzt noch den ganzen code posten, dann darfst dir einen kaffee holen

georg

### [#12](https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue/12) · Unbekannter Benutzer · 2008-11-21

Here we go:

```typoscript
### Menü ###
lib.mainMenu = HMENU
lib.mainMenu {

  ### Erste Ebene ###
    1 = TMENU
    1.wrap = <ul class="navigation">|</ul>
    1.expAll=1
    1.NO = 1
    1.NO {
        doNotShowLink = 1
        beforeImgLink = 1
        beforeImg = GIFBUILDER
        beforeImg {
                XY = 135,30
                backColor = #FFFFFF
                10 = IMAGE
                10=TEXT
                10 {
                        text.field=title
                        fontColor = #666666
                        fontFile = fileadmin/fonts/gothic.TTF
                        fontSize = 10
                        antiAlias = 3
			offset = 0,19
			align = center
                }
                
               
        } 
	
        target = _top
        ATagTitle = title
        wrapItemAndSub = <li>|</li>
           
    }

    ### Zweite Ebene ###
    2 = TMENU
    2.wrap = <ul>|</ul>
    2.expAll=1
    2.NO = 2
    2.NO  {
      wrapItemAndSub = <li>|</li>
    }
}
```

---

Quelle: „Grafisches Menü+Text als Submenü“, typo3.net, https://www.typo3.net/d/84234-grafisches-menuetext-als-submenue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.