Page 1 of 1

Getting CSSMenu to validate

Posted: Mon Mar 06, 2006 9:14 pm
by sithstemple
Hi there.

I was wondering if anyone can come up with a solution as to how to get the CSSMenu Vert to validate with the W3C?

This code is stopping it from validating

Code: Select all

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }
but when I remove it, it looks terrible in IE.

Please help.

Re: Getting CSSMenu to validate

Posted: Mon Mar 06, 2006 11:21 pm
by sithstemple
I managed to solve the problem, so now the CSSMenu Vertical validates with the W3C.

The solution?

I removed the

Code: Select all

/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }
from the 'Default CSS Menu Vertical' stylesheet, and copied it into Notepad.

I then saved the notepad file as 'ie.css' and uploaded it to the server (root level, but you could set up a 'styles' folder if you want)

I then went to the 'CSSMenu Vert 1 Col' template and added the following before the tag:

Code: Select all

<!--[if IE]>
<style type="text/css">

@import url("/ie.css");

</style>
<![endif]-->
It works a treat on the site.  Many thanks for such a great system. :D