Help with the 3rd level

Hi,

I tried to create a very simple navigation, that spread only with padding, so that every button got the same width to the next.

Everything looks fine, exept level3 :-(

navigation.php

Can someone help. Is it only because I dont set any width or heights?

Denis

yes, you need to set a width in pixels so that the left attribute can be set for level 3, if you do not set a width, the left attribute for the level 3 menus cannot be calculated.



setting a width in pixels is also needed for compatibility with IE. IE does not work properly when the width is not specified.

Hi Jason,

hmm, ok, the 3rd level is not so important for me, I just wanted to check.
How do I get the same space to the buttons if I dont work with padding. If I set the width to 100px it looks bad with diffrent long linknames.

I need to see how it works on iE6, 8 looks great. Anyone saw it in 7?

Denis

you would need to over ride the width with an inline setting for each menu item. The menu will not be able to automatically adjust the way you wish. If you do not set a width, IE6 will set all menu items to 100% width, it will end up showing the menu items stacked on top of each other.

right now, I set width, but the 3rd level still looks bad.

you have to set the width for each level independently, you have not set a width for second or third level

No I did all, width everywhere. but the 3rd level is somehow over the snd.

navigation.php

hmm, the left attibute is not getting updated.


in the menu css change:
ul#cssmw ul.level-2 {
left: 0px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


to:
ul#cssmw ul.level-2 {
left: 210px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

Works!

Is this a bug, or did I change to much in a row?

IA have not been able to reproduce it, So i think it may be changing to much in a row.