Problem mit Menü bzw. 5ter Ebene

Hallo!

Ich habe ein Problem mit meinem Menu. Ab der 5ten Ebene, wird der Menüpunkt nicht mehr eingerückt.

Bild: staroste.com/…/atv_menu.gif

Hier mein TS-Code

lib.menu_1 = HMENU 
lib.menu_1 { 
        wrap = <table cellspacing="0" cellpadding="0" border="0">|</table> 
        entryLevel = 0
        1 = TMENU 
        1 { 
            expAll = 0 
            collapse = 1 

            NO.beforeWrap = <tr><td id="nav-child">|</td> 
            NO.beforeImg = fileadmin/template/frankonia/images1024/tree_pfeil.gif 
            NO.beforeImgLink = 1 
            NO.linkWrap = <td id="nav-child" colspan="4" width="100%">|</td></tr> 

            ACTIFSUB < .NO 
            ACTIFSUB = 1 
            ACTIFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_minus.gif 

            IFSUB < .NO 
            IFSUB = 1 
            IFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_plus.gif 

           } 
        2 = TMENU 
        2 { 
            expAll = 0 
            collapse = 1 

            NO.beforeWrap = <tr><td></td><td id="nav-child">|</td> 
            NO.beforeImg = fileadmin/template/frankonia/images1024/tree_pfeil.gif 
            NO.beforeImgLink = 1 
            NO.linkWrap = <td id="nav-child" colspan="3" width="100%">|</td></tr> 

            ACTIFSUB < .NO 
            ACTIFSUB = 1 
            ACTIFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_minus.gif 

            IFSUB < .NO 
            IFSUB = 1 
            IFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_plus.gif 

           } 
        3 = TMENU 
        3 { 
            expAll = 0 
            collapse = 1 

            NO.beforeWrap = <tr><td></td><td></td><td id="nav-child">|</td> 
            NO.beforeImg = fileadmin/template/frankonia/images1024/tree_pfeil.gif 
            NO.beforeImgLink = 1 
            NO.linkWrap = <td id="nav-child" colspan="2" width="100%">|</td></tr> 

            ACTIFSUB < .NO 
            ACTIFSUB = 1 
            ACTIFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_minus.gif 

            IFSUB < .NO 
            IFSUB = 1 
            IFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_plus.gif 

           } 
        4 = TMENU 
        4 { 
            expAll = 0 
            collapse = 1 

            NO.beforeWrap = <tr><td></td><td></td><td></td><td id="nav-child">|</td> 
            NO.beforeImg = fileadmin/template/frankonia/images1024/tree_pfeil.gif 
            NO.beforeImgLink = 1 
            NO.linkWrap = <td id="nav-child" colspan="1" width="100%">|</td></tr> 

            ACTIFSUB < .NO 
            ACTIFSUB = 1 
            ACTIFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_minus.gif 

            IFSUB < .NO 
            IFSUB = 1 
            IFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_plus.gif 

           }
        5 = TMENU 
        5 { 
            expAll = 0 
            collapse = 1 

            NO.beforeWrap = <tr><td></td><td></td><td></td><td id="nav-child">|</td> 
            NO.beforeImg = fileadmin/template/frankonia/images1024/tree_pfeil.gif 
            NO.beforeImgLink = 1 
            NO.linkWrap = <td id="nav-child" colspan="1" width="100%">|</td></tr> 

            ACTIFSUB < .NO 
            ACTIFSUB = 1 
            ACTIFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_minus.gif 

            IFSUB < .NO 
            IFSUB = 1 
            IFSUB.beforeImg = fileadmin/template/frankonia/images1024/tree_plus.gif 

           }
        }

Hat jemand eine Idee woran das liegen könnte?

Vielen Dank!

Ich glaube es ist da einfacher
wrap = <div style="padding-left: ??px;"> | </div>
und für ?? in den tieferen Ebenen einen höheren Wert zuzuweisen
als maßlos Tabellen aufzublähen.

Ou ou - Respekt für den Mut sowas Komplexes zu bauen 🙂

Habe mit CSS-Paddings in Navigationen schlechte Erfahrungen gemacht (betrifft unterschiedliche Browser).

Mein Input dazu ist:
Mach verschieden breite "spacer.gif" vor jeden Menüpunkt.
Etwa so:

Ebene1: <img src="fileadmin/images/spacer.gif" height="1" width="0" alt="" />Home
Ebene2: <img src="fileadmin/images/spacer.gif" height="1" width="10" alt="" />Fussball
Ebene3: <img src="fileadmin/images/spacer.gif" height="1" width="20" alt="" />1. + 2. Mannschaften
etc...
-> Evtl. wird dadurch erkennbar was ich meine. Je "tiefer" die Ebene, desto breiter ist das unsichtbare Bild.
In deinem Wrapping muss dann einfach jeweils das Spacer-Bild vor den Menüpunkt.

Übrigens: schönes Beispiel für eine IFSUB-Navigation !!

cya