Menu: problems with structure: parent - children

[b-707]

Hello,

In the CMSMS Admin Panel I specified the following parent children hierarchy:

*Drau

**Lieser-Malta-Millstaetter See-Feldsee

***Board / Forum
***Lieser
***Wasser Kaernten-Salzburg
***Leoben
***Millstaetter See-Feldsee

But the page http://internet97.de/austria/index.php/ ... illstatter
shows it as:

*Drau

**Lieser-Malta-Millstaetter See-Feldsee
**Board / Forum
**Lieser
**Wasser Kaernten-Salzburg
**Leoben
**Millstaetter See-Feldsee

Parent and children are on the same level.

What have I got to change ?

BTW: the words listed are Austrian geographic names.

Thx for your replies.
Josef

[tsw]

Actually if you look at the source the parent / children "relation" is right,

your css lacks the fourth level indent for li items

[b-707]

Thx TSW.
I tried http://forum.cmsmadesimple.org/index.ph ... l#msg28102
and
http://forum.cmsmadesimple.org/index.ph ... l#msg26495
but there is no change of the menu.
Have I got to change a further CSS ?

Thx for your replies.
Josef

[tsw]

add

Code: Select all

    div#menu_vert ul ul ul ul li a, 
    div#menu_vert ul ul ul ul li a:link, 
    div#menu_vert ul ul ul ul li a:visited  {
        padding-left: 60px;
    }

in your css..

better alternative is to have just

Code: Select all

div#menu ul {
margin-left: 1em;
}

that way every new ul level gets 1em more margin, but it might need some more tweaking

hope this helps

[b-707]

add

Code: Select all

    div#menu_vert ul ul ul ul li a, 
    div#menu_vert ul ul ul ul li a:link, 
    div#menu_vert ul ul ul ul li a:visited  {
        padding-left: 60px;
    }

in your css..

I edited
Layout » Stylesheets » Edit Stylesheet: Nav-Vertical
and added your code below this code:
    div#menu_vert ul ul ul li a,
    div#menu_vert ul ul ul li a:link,
    div#menu_vert ul ul ul li a:visited  {
        padding-left: 40px;
    }

Now it seems to be ok.

Thank you very much, TSW
Josef