Hi Im a newbie to modx but am quickly finding my way around..... I am working on a site with the Wayfarer dropdown menu....
http://www.kairos-systems.com . The problem I cant work out is why my menus wont display correctly.... Dont want to sound thick but this css is new to me.
I have taken the code from the flex template and have tried to get it to work.....
If you go to kairos-systems.com and click on solutions I think you can see what my problem is.....
Code below
dropnav {white-space:nowrap /*IE hack*/; margin 0; width:800px; height: 40px; border:none; background:#ca0000; color:#ffffff; font-size:90%;} /*Color navigation bar normal mode*/
.dropnav ul {list-style-type:none;}
.dropnav ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #eaeaea;}
.dropnav ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:40px; line-height:40px; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: #ffffff;);}
.dropnav ul li ul {display:none; border:none;}
/*Non-IE6 hovering*/
.dropnav ul li:hover {position:relative;} /*Sylvain IE hack*/
.dropnav ul li:hover a {background-color:red; text-decoration:none;} /*Color main cells hovering mode*/
.dropnav ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.dropnav ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; background-color:#ca0000; font-weight:normal; color:#ffffff;} /*Color subcells normal mode*/
.dropnav ul li:hover ul li a:hover {background-color:red; text-decoration:none;} /*Color subcells hovering mode*/
/*IE6 hovering*/
.dropnav table {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.dropnav ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:red; text-decoration:none;} /*Color main cells hovering mode*/
.dropnav ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;}
.dropnav ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; background-color:red ; font-weight:normal; color:#ffffff;} /*Color subcells normal mode*/
.dropnav ul li a:hover ul li a:hover {background-color:#ca0000); text-decoration:none;} /*Color subcells hovering mode*/
Any help would be much appreciated .
Cheers
James
