---
title: "FYI: TMENU als Liste <ul>"
url: "https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul"
source: "typo3.net"
tags: ["TYPO3","Menüs","Tipp"]
created: "2004-05-28"
last_reply: "2005-07-21"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# FYI: TMENU als Liste <ul>

TYPO3 › Menüs · 6 Antworten · gestartet 2004-05-28

## Eröffnungsbeitrag

**renegrass** · 2004-05-28 · [Beitrag #1](https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul/1)

Hallo Leute,

wer standardnah arbeiten will, braucht vielleicht für eine Textnavi eine verschachtelte Liste.

UPDATE:
Ich habe noch eine Option hinzugefügt:

Der akutelle Menüpunkt wird jetzt mit der Klasse

class="hl" (hl = highlighted engl. hervorgehoben)

versehen. Das ermöglicht das formatieren des aktuellen Menüopunktes und man kann dem User zeigen wo er ist.

# Ende Update

HTML Output:

```html
<ul id="navi">
<li id="h1">Text
<ul>
<li><a href="" class="hl"></a>
<li><a href=""></a>
<li><a href=""></a>
</ul>
</li>
<li id="h2">Text
<ul>
<li><a href=""></a>
<li><a href=""></a>
<li><a href=""></a>
</ul>
</li>
<li id="h3">Text
<ul>
<li><a href=""></a>
<li><a href=""></a>
<li><a href=""></a>
</ul>
</li>
</ul>
```

Code im Setup Feld:

```typoscript
page.20 = HMENU
page.20.wrap = <ul id="navi">|</ul>
page.20.entryLevel = 0
page.20.1 = TMENU
page.20.1 {
expAll = 1
#onfocus entfernt
noBlur = 1
NO.doNotLinkIt = 1
#schließender Tag wird später angehängt in Ebene 2
NO.before = <li id="h1"> || <li id="h2"> || <li id="h3">
}

page.20.2 = TMENU
page.20.2.wrap = <ul>|</ul></li>
#onfocus entfernt
page.20.2.noBlur = 1
page.20.2 {
expAll = 1
NO.allWrap = <li>|</li>
CUR = 1
CUR {
 allWrap = <li>|</li>
 ATagParams = class="hl"
 }
}
```

Vielleicht kann den Code jemand gebrauchen

Zur Zeit findet man ein Live Demo unter:

<http://grassegger.at/cms/index.php>

Die Formatierung geschieht nur übers CSS.

Das CSS ist auf IE 5 - 6 getestet, Moz und Firefox und Opera 7.

## Antworten

### [#2](https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul/2) · maxhb · 2004-05-28

Hi!

> **renegrass schrieb:**
>
> wer standardnah arbeiten will, braucht vielleicht für eine Textnavi eine verschachtelte Liste.

Ähnlich kann man übrigens auch Sitemaps erstellen, so geschehen unter <http://www.quadracom.de/quadracom/quadracom_web_site/service/sitemap/index.html>

CU
 maxhb

### [#3](https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul/3) · sacha · 2004-05-28

Hi,

schöne Beispiele. Wärt ihr damit einverstanden, wenn diese Menüs in ein Tutorial für barrierefreie TYPO3-Webseiten einfliessen?

Daran arbeite ich gerade und will es dann als Doku-Ext auf typo3.org veröffentlichen. Hilfe willkommen.

ciao,
Sacha

### [#4](https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul/4) · maxhb · 2004-05-28

> **sacha schrieb:**
>
> schöne Beispiele. Wärt ihr damit einverstanden, wenn diese Menüs in ein Tutorial für barrierefreie TYPO3-Webseiten einfliessen?

ich fühle mich einfach mal angesprochen  :o
O.K., here we go!

```typoscript
Sitemap = HMENU
Sitemap.entryLevel = 0
Sitemap.1 = TMENU
Sitemap.1 {
 expAll = 1
  wrap = <ul class="sitemap1"> | </ul>
  noBlur = 1
  NO {
    allWrap = <li class="sitemap1"> | </li>
  }
  IFSUB = 1
  IFSUB {
    allWrap = <li class="sitemap1"> |
 }
}
Sitemap.2 = TMENU
Sitemap.2 {
  wrap = <ul class="sitemap2"> | </ul></li>
  expAll =1
  noBlur = 1
  NO {
    allWrap = <li class="sitemap2"> | </li>
  }
  IFSUB = 1
  IFSUB {
    allWrap = <li class="sitemap2"> |
  }
}
Sitemap.3 = TMENU
Sitemap.3 {
  wrap = <ul class="sitemap3"> | </ul></li>
  expAll =1
  noBlur = 1
  NO {
    allWrap = <li class="sitemap3"> | </li>
  }
}
```

CU
maxhb

### [#5](https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul/5) · renegrass · 2004-05-29

Hi Sacha,

html und TS CODE + CSS kein Problem, aber die Grafiken sind schon für eine Seite und sollen das auch bleiben.

:-)

### [#6](https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul/6) · mic_jan · 2004-12-29

> Zur Zeit findet man ein Live Demo unter:

Schade, das die Live-Demo nicht mehr online ist  o.O

Liebe Grüße,

Michael

### [#7](https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul/7) · Benjamecho · 2005-07-21

Hi,

das Thema ist zwar schon ein jahr alt (tutorial schon fertig?),
aber hier ist mal mein Beitrag zur Sitemap:

die Typo3-Standard-Sitemap ul-li-verschachtelt ausgeben:

```typoscript
tt_content.menu.20.2{
  1{
    noBlur = 1
    target >
    wrap = <ul class="sitemap1"> | </ul>
    NO.allWrap = <li class="sitemap1"> | </li>
    IFSUB = 1
    IFSUB.allWrap = <li class="sitemap1"> |
  }
  2{
    wrap = <ul class="sitemap2"> | </ul></li>
    noBlur = 1
    target >
    NO.allWrap = <li class="sitemap2"> | </li>
    expAll = 1
    IFSUB = 1
    IFSUB.allWrap = <li class="sitemap2"> |
  }
  3{
    noBlur = 1
    target >
    wrap = <ul class="sitemap3"> | </ul></li>
    NO.allWrap = <li class="sitemap3"> | </li>
    expAll = 0
  }
}
```

Ben

---

Quelle: „FYI: TMENU als Liste <ul>“, typo3.net, https://www.typo3.net/d/11928-fyi-tmenu-als-liste-ul
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.