---
title: "<ul> - Menu mit Unterpunkten und beforeROImg"
url: "https://www.typo3.net/d/33253-ul-menu-mit-unterpunkten-und-beforeroimg"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2005-11-14"
last_reply: "2005-11-16"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# <ul> - Menu mit Unterpunkten und beforeROImg

TYPO3 › Menüs · 3 Antworten · gestartet 2005-11-14

## Eröffnungsbeitrag

**Andrea_Herzog** · 2005-11-14 · [Beitrag #1](https://www.typo3.net/d/33253-ul-menu-mit-unterpunkten-und-beforeroimg/1)

Hallo,
ich habe ein Menu auf CSS und <ul>
basierend.
Das funktioniert auch. Allerdings soll beim Rollover ein Icon (ein kleiner Punkt) vor dem Menupunkt erscheinen.
Auch das funktioniert.
AAAAAAber:
Ich habe die 2. Menuebene (über CSS padding) um 10 px nach rechts verschoben, damit das Untermenu gut erkennbar ist.
Allerdings wird das Icon nicht mit eingerückt. Wieso nicht?
Kann jemand helfen?

Hier der Bereich im Template:

```html
 marks.MENU = HMENU
    #excludeUIDList soll Seiten aus dem Menu entfernen
    #Evtl. problematisch, weil das Menu2 vielleicht nicht barrierefrei ist.
    marks.MENU.excludeUidList = 624, 625, 626, 627
    marks.MENU.entryLevel = 0
    marks.MENU {
                  
         1 = TMENU
         1 {
            wrap = <ul> | </ul> 
            NO {
               
               WrapItemAndSub = <li> | </li>
               after = <br />
               ATagParams = class = "menu_main"
               StdWrap.case = lower
               beforeImg = fileadmin/images/pix-punkt-t.gif  
         RO > .NO      
               RO = 1
               beforeROImg = fileadmin/images/pix-punkt.gif
               }
            ACT < .NO
            ACT.ATagParams = class = "menu_mainact"
            ACT = 1   
         }
          2 = TMENU
          2 {
            wrap = <ul> | </ul> 
            NO {
               WrapItemAndSub = <li> | </li>
               after = <br />
               ATagParams = class = "menu_sub"
               StdWrap.case = lower
               beforeImg = fileadmin/images/pix-punkt-t.gif
            RO > .NO
               RO = 1
               beforeROImg = fileadmin/images/pix-punkt.gif
               }
            ACT < .NO
            ACT.ATagParams = class="menu_subact"
            ACT = 1   
         }
    }
```

Hier der Bereich aus dem CSS:

```html
.menu {
                   
                   position: absolute;
                   top: 95px;
                   left: 50px;
                   height: 30px;
                   width: 600px;
                   }

.menu_main{
                   color: #555656;
                   text-decoration:none;
                   font-size: 12px; 
                   font-family: Arial, Verdana, Tahoma;
                   font-color: #00B9F3;
                   }

.menu_mainact {
                   color: #555656;
                   text-decoration:none;
                   font-size: 12px; 
                   font-family: Arial, Verdana, Tahoma;
                   font-color: #00B9F3;
                   }

.menu_sub {
                   background: url(../images/pix-punkt-t.gif)
                   color: #555656;
                   text-decoration:none;
                   font-size: 12px; 
                   font-family: Arial, Verdana, Tahoma;
                   padding-left: 10px;
                   font-color: #00B9F3;
                   }

.menu_subact {
                   color: #555656;
                   text-decoration:none;
                   font-size: 12px; 
                   font-family: Arial, Verdana, Tahoma;
                   padding-left: 10px;
                   font-color: #00B9F3;
                   }
```

## Antworten

### [#2](https://www.typo3.net/d/33253-ul-menu-mit-unterpunkten-und-beforeroimg/2) · just2b · 2005-11-16

Hallo Andrea,

und warum machst du das nicht gleich mit CSS? ist ohnehin viel besser!
Stichwort für die google-Suche: list-type

lg georg

### [#3](https://www.typo3.net/d/33253-ul-menu-mit-unterpunkten-und-beforeroimg/3) · Andrea_Herzog · 2005-11-16

Hallo Georg,

ich bin etwas verwirrt. Ich mache das doch mit css. Oder verstehe ich dich falsch.
Kannst du das mit dem list-type näher erläutern?

Viele Grüße
Andrea

### [#4](https://www.typo3.net/d/33253-ul-menu-mit-unterpunkten-und-beforeroimg/4) · just2b · 2005-11-16

Naja man kann ja mit css auch eine Art beforImg setzen, wenn man Listen verwendet!

Ich hätt eigentlich das google-Stichwort schon für dich hingeschrieben, musst nur noch eingeben und schauen! man findet ja da sachen wie sand am meer, zB <http://www.tizag.com/cssT/list.php>

ich schreib mich jetzt da aber nicht blöd, wenns andere schon besser und ausführlicher gemacht haben ;)

lg georg

---

Quelle: „<ul> - Menu mit Unterpunkten und beforeROImg“, typo3.net, https://www.typo3.net/d/33253-ul-menu-mit-unterpunkten-und-beforeroimg
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.