---
title: "TMENU mit Bild"
url: "https://www.typo3.net/d/4436-tmenu-mit-bild"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2003-07-25"
last_reply: "2003-07-30"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# TMENU mit Bild

TYPO3 › Menüs · 10 Antworten · gestartet 2003-07-25

## Eröffnungsbeitrag

**wjrpointler** · 2003-07-25 · [Beitrag #1](https://www.typo3.net/d/4436-tmenu-mit-bild/1)

hallo

bin gerade daran, mein erstes menu zusammenzubasteln.

ich möchte ein menü das in html folgendermassen aussieht:

```html
<a href="index.php">
 <div class="navlink">
  <img src="fileadmin/images/pfeil.gif"> Home
 </div>
</a>
```

Nun habe ich folgendes realisiert:

HTML-Template:

```html
<!-- ###NAVIGATION### START -->


<!-- ###NAVIGATION### STOP -->
```

TypoScript (im Template):

```typoscript
site = HMENU
site.1 = TMENU
site.1.expAll = 0
site.1.NO.allWrap = <div class="navlink1"> | </div>

page.10.subparts.NAVIGATION < site
```

Wenn ich nun mit .beforeImg oder .before oder .allWrap das Bild einzufügen versuche, wird es vor dem  <div> angezeigt:

Bild
----------------------
| Home                |
----------------------

Es sollte aber so aussehen:

----------------------
| Bild      Home     |
----------------------

Hoffe es kann mir jemand helfen!!!
Vielen Dank schon im voraus.

wjrpointler

## Antworten

### [#2](https://www.typo3.net/d/4436-tmenu-mit-bild/2) · Individuum · 2003-07-25

mach doch einfach:

```html
<div> <img src="bild"> | </div>
```

### [#3](https://www.typo3.net/d/4436-tmenu-mit-bild/3) · wjrpointler · 2003-07-26

Danke für deine Antwort!
Aber dies geht nicht. Dann bekomme ich folgendes:

Bild
--------------------
| Home             |
--------------------

Ich weiss auch nicht warum, aber es schreibt mit das

```html
<img>
```

tag vor das

```html
<div>
```

tag....

Ich kapiere es nicht mehr.....

Tschüss wjrpointler

### [#4](https://www.typo3.net/d/4436-tmenu-mit-bild/4) · Hannes · 2003-07-28

hi!

und was passiert, wenn du folgendes versuchst:

```typoscript
...
site = HMENU 
site.1 = TMENU 
site.1.expAll = 0 
site.1.wrap = <div class="navlink1"> | </div>
site.1.NO.allWrap = <img src="bild" ...> |  
...
```

?
lg
hannes

### [#5](https://www.typo3.net/d/4436-tmenu-mit-bild/5) · wjrpointler · 2003-07-28

hi

danke für deine Antwort!!
Hab das mal ausprobiert.
Resultat:

Bild
--------------------
| Home             |
--------------------

ABER, nun steht der Code richtig:

```html
<div class=navlink1><img src=""><a href="">Home</a></div>
```

Dennoch wird es falsch angezeigt...
Ich blick da nicht mehr durch...

Bye

### [#6](https://www.typo3.net/d/4436-tmenu-mit-bild/6) · Hannes · 2003-07-28

hi!

könnte es sein, dass der div-layer im stylesheet in der breite zu schmal dimensioniert ist und dadurch der linebreak zustande kommt?
versuchs mal mit <nobr></nobr>

```typoscript
... 
site = HMENU 
site.1 = TMENU 
site.1.expAll = 0 
site.1.wrap = <div class="navlink1"><nobr> | </nobr></div> 
site.1.NO.allWrap = <img src="bild" ...> |  
...
```

lg
hannes

### [#7](https://www.typo3.net/d/4436-tmenu-mit-bild/7) · wjrpointler · 2003-07-28

Hi Hannes

Habe das gleich mal ausprobiert...
Klappt leider auch nicht...
Habe noch ein bisschen mit dem CSS rumgespielt.
Da ist aber auch nichts neues rausgekommen..

Ich weiss echt nicht was ich noch probieren soll...

Tschüss wjrpointler

### [#8](https://www.typo3.net/d/4436-tmenu-mit-bild/8) · Hannes · 2003-07-28

hmm...

das ist nicht gut.
mir fällt auch nichts sinnvolles mehr ein.
vielleicht die navi mit tables bauen...
das könnte noch was bringen....

lg
hannes

### [#9](https://www.typo3.net/d/4436-tmenu-mit-bild/9) · Hannes · 2003-07-28

eines noch...
was passiert, wenn du anstatt mir subparts mit marks arbeitest?

```typoscript
page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = fileadmin/deintemplatename.html # <- dein name

  workOnSubpart = DOKUMENT # <- dein name
  marks.NAVIGATION = HMENU
  marks.NAVIGATION.1 = TMENU
  marks.NAVIGATION.1 {
    expAll=0
    #wrap =  | 
    # würde um die gesamt navi wrappen

    NO {
      allWrap = <div class="navlink"><img src="bild" ...>  | </div>
      # würde nur um den link ebene 1 wrappen
    }
  }
}
```

du musst in deinem html-template den 2. marker rausschmeissen, sonst kommt die navi doppelt.
(also nur noch ###NAVIGATION###, ohen <!--,.....)
lg
hannes

### [#10](https://www.typo3.net/d/4436-tmenu-mit-bild/10) · wjrpointler · 2003-07-29

Hi Hannes

Danke für die Idee. Habs aber schon anders geschafft:

```typoscript
site = HMENU
site.1 = TMENU
site.1.expAll = 0
site.1.NO.stdWrap.dataWrap = <img src="fileadmin/images/pfeil_r_kl.gif" border="0">&nbsp; |
site.1.NO.allWrap = <div class="navlink1"> | </div>
```

So hats funktioniert!! Danke für diene Hilfe!

Tschüss

### [#11](https://www.typo3.net/d/4436-tmenu-mit-bild/11) · Hannes · 2003-07-30

hi,

die wege des typo3 sind oftmals unergründlich...

---

Quelle: „TMENU mit Bild“, typo3.net, https://www.typo3.net/d/4436-tmenu-mit-bild
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.