Problem mit Menü über zwei Ebenen

Habe folgendes Script aus dem Forum (vielen Dank). Allerdings stehen die Menüpunkte nebeneinander. Wie bekommen ich einen Zeilenwechsel hin?

Vielen Dank

Script:

# Menü (Ebene 1)
MENU_LEVEL_1 = HMENU
MENU_LEVEL_1 {
1 = TMENU
1.NO = 1
}

# Menü (Ebene 2)
MENU_LEVEL_2 = HMENU
MENU_LEVEL_2 {
entryLevel = 1
1 = TMENU
1.NO = 1

1. Bitte Forum-Hightlighting für Syntax verwenden (TS, HTML, etc..)

2.

jawbox schrieb

Wie bekommen ich einen Zeilenwechsel hin?

Entweder legst Du "DIV" um ein Element, oder setzt ganz einfach ein < b r /> hinter Menüpunkte("< b r />" ohne Abstände). Falls Dir wrap gänzlich unklar ist, dann lies Dich ein 😉

Snippet aus Forum, für Dich Zeile 4 interessant. Entsprechend anpassen:

page = PAGE
page.typeNum = 0
page.10 = HMENU
page.10.wrap = <table border="1">|</table>
page.10.1 = TMENU
page.10.1.NO {  
..  
}

grüsse

nabend

kurze Ergänzung zu toyde's gutem Tip

bau auf jeden fall ein div um dein menü !

also zusammengefasst :
ins html- template

     <div id="meinmenu">
        ###MEINMENU###
      </div>

temp.meinmenu = HMENU

temp.meinmenu.1 = TMENU

temp.meinmenu.1 {

  NO.allWrap = <div class="meinmenu-level1-no"> | </div>
   
  ACT = 1

  ACT.allWrap = <div class="meinmenu-level1-act"> | </div>

}

temp.meinmenu.2 = TMENU
{
entsprechend siehe oben , geht natürlich auch mit eigener Klasse im css
}

jetzt zum bearbeiten der divs noch folgende Klassenvereinbarungen
in die css :

#meinmenu {
          position:absolute;
          top: ...px;   
          left:....px;
          z-index: 2; 
          text-decoration: none;
          font-size: 11px;
          ...
         }


#meinmenu DIV.menu1-level1-no a:hover {
	color: red; 
	text-decoration: underline;
		}

#meinmenu DIV.menu1-level1-act a:hover {
	color: blue; 
	text-decoration: underline;
		}

und fertig