Navigation:CSSMenu Vertical

[Tracy]

Hello; I have noticed the linking effect with the Navigation:CSSMenu-Vertical has a bit of a flaw when trying to reach the last links in the line. For example from line Default Extensions  / Modules / Tags .  Upon Hovering there seems to be too much space and it loses contact and the link disapears before I'm able to click it. I thought it was something I had done editing the menu for my own so I've tested it out on the demo one, my client's and my own and it is all the same. Has anyone noticed this as well?

What can I adjust to fix it? I haven't even played with the CSS file for it. I would like to use it.  I did test it in FF and of course it is better but I want it to work in IE as well.

I'm using version CMS 1.4.1

Thanks 

[Medbud]

I am having the same problem. Its OK in FF, chrome, opera, but in IE7 its 50/50 that a link below the top in the flyout menu stays visible with hover. On IE6 I still have margin problems making the content drop down. I figure these problems might be related? Using FF webdev outlines I can see the menu items overlap somehow...is this normal?

For now I am playing with spacing and reading the forums.

[Dr.CSS]

I had to add this to mine...


{literal}
#primary-nav li {margin-bottom: -3px;}
#primary-nav li.menuparent:hover {margin-bottom:-4px;} /* a HACK!!! for IE7 */{/literal}

[Medbud]

Thanks Mark...

I currently have in my template header:

#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height:1%;}




#primary-nav li {margin-bottom:-3px;}
#primary-nav li:hover {margin-bottom:-3px;} /* a HACK!!! for IE7 */

I had added the code you suggested, and got the menu to the point described above. Previously hover really didn't work at all. Eliminating third level menus helped too.

I am getting the following error in Chrome on the first load of the page, but looks fine in FF and Explorer otherwise.

string(147) "Smarty error: [in template:24 line 9]: syntax error: unrecognized tag: width:expression(P7_MinMaxW(720,950)); (Smarty_Compiler.class.php, line 446)"
string(110) "Smarty error: [in template:24 line 9]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"
string(121) "Smarty error: [in template:24 line 10]: syntax error: unrecognized tag: height: 1%; (Smarty_Compiler.class.php, line 446)"
string(111) "Smarty error: [in template:24 line 10]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"
string(130) "Smarty error: [in template:24 line 15]: syntax error: unrecognized tag: margin-bottom: -3px; (Smarty_Compiler.class.php, line 446)"
string(111) "Smarty error: [in template:24 line 15]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"
string(129) "Smarty error: [in template:24 line 16]: syntax error: unrecognized tag: margin-bottom:-3px; (Smarty_Compiler.class.php, line 446)"
string(111) "Smarty error: [in template:24 line 16]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"

I can't test in IE6 here, but I bet my margins are still screwy so not worrying about that for the moment. LOL

[Dr.CSS]

You missed the {literal}  {/literal} part... any time you put something in the template/page that has {  } and isn't a module/tag call of cmsms Smarty will try to find it/interpret it as one, so it needs those wrapped around it...

[Medbud]

Thank you very much!