Hi all thanks for taking time to read this im a bit stuck here!
Anyways, i have very strong css/xhtml/standards coding skills however the world of php and modx is still relatively new to me so perhaps I am missing something simple here. I am developing a new intranet site for a client and can’t seem to get the hover actions to work in ie6, using the cssplay ultimate dropdown example from www.muddydogpaws.com. The drop downs work fine in ie7 and firefox, but this is expected because these browsers are alot more standards friendly and dont require hacks and such to work.
the main problem i noticed:
if i view the source of the actual rendered page...the nested lists are not producing the conditional comments and <table> tags necessary for this menu to work. I banged my head around for quite awhile messing with the css file until i stumbled upon this fact...obviously the hover ability on the table element cant work if it is not being inserted into the code!
my current setup:
using default css file - assets/snippets/wayfinder/examples/cssplay/ultimate_drop.css
chunks used:
&parentRowTpl=`cssplay_revParentRow`
<li><a [+wf.classes+] href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tr><td>
[+wf.wrapper+]
</td></tr></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
and
&cssTpl=`cssplay_ultdrop`
<link rel="stylesheet" media="all" type="text/css" href="assets/templates/wayfinder/ultimate_drop.css" />
my doctype is declared as
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
and charset used
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
and finally the snippet call, which again is coppied and pasted from the muddydogpaws site
[[Wayfinder? &startId=`0` &level=`3` &parentRowTpl=`cssplay_revParentRow` &cssTpl=`cssplay_ultdrop`]]
What am i missing here?
I have tried everything from reinstalling modx, deleting recreating the snippets/chunks, clearing the cache? Cross browser standards compliance is vital for this project, anyone have any further ideas? Why would the chunk not get fully rendered? Wayfinder is only generating simple nested lists as so
<div class="menu">
<ul><li class="active"><a href="" title="Home" >Home</a></li>
<li><a href="/index.php?id=2" title="News" >News</a></li>
<li><a href="/index.php?id=15" title="Legal & Regulatory" >Legal & Reg.</a><ul><li><a href="/index.php?id=51" title="Final & Self Government Agreements" >Final & Self Government Agreements</a></li>
<li><a href="/index.php?id=52" title="Resolutions" >Resolutions</a><ul><li><a href="/index.php?id=79" title="General Assembly" >General Assembly</a></li>
<li><a href="/index.php?id=54" title="Elders Council" >Elders Council</a></li>
<li class="last"><a href="/index.php?id=55" title="Board of Directors" >Board of Directors</a></li>
</ul></li>
<li><a href="/index.php?id=56" title="Motions" >Motions</a><ul><li><a href="/index.php?id=72" title="General Assembly" >General Assembly</a></li>
<li><a href="/index.php?id=58" title="Elders Council" >Elders Council</a></li>
<li><a href="/index.php?id=59" title="Board of Directors" >Board of Directors</a></li>
<li class="last"><a href="/index.php?id=64" title="Management Commitee" >Management Commitee</a></li>
</ul></li>
<li><a href="/index.php?id=60" title="Minutes" >Minutes</a><ul><li><a href="/index.php?id=61" title="General Assembly" >General Assembly</a></li>
<li><a href="/index.php?id=62" title="Elders Council" >Elders Council</a></li>
<li><a href="/index.php?id=63" title="Board of Directors" >Board of Directors</a></li>
<li class="last"><a href="/index.php?id=65" title="Management Commitee" >Management Commitee</a></li>
</ul></li>
<li><a href="/index.php?id=86" title="Constitution" >Constitution</a></li>
<li><a href="/index.php?id=87" title="Statutes" >Statutes</a></li>
<li><a href="/index.php?id=88" title="Regulations" >Regulations</a></li>
<li><a href="/index.php?id=89" title="Rules of Procedure" >Rules of Procedure</a></li>
<li><a href="/index.php?id=90" title="Terms of Reference" >Terms of Reference</a></li>
<li><a href="/index.php?id=91" title="Policy & Procedure" >Policy & Procedure</a></li>
<li class="last"><a href="/index.php?id=93" title="L&R Spreadsheet" >L&R Spreadsheet</a></li>
</ul></li>
<li><a href="/index.php?id=33" title="Directory" >Directory</a></li>
<li><a href="/index.php?id=32" title="Computer Tips" >Computer Tips</a><ul><li><a href="/index.php?id=49" title="CMS Manual" >CMS Manual</a></li>
<li><a href="/index.php?id=50" title="Intermediate Tips" >Intermediate Tips</a></li>
<li><a href="/index.php?id=48" title="Quick Tips" >Quick Tips</a></li>
<li class="last"><a href="/index.php?id=47" title="Basic Computing" >Basic Computing</a></li>
</ul></li>
<li class="last"><a href="/index.php?id=92" title="Links" >Links</a></li>
</ul>
</div><!-- end menu -->
as you can see the table tags and conditional comments are nowhere to be found, which renders the menu useless on anything but ie7+
