Dynamic Drive CSS and MODx

[kitten2781]

I'm trying to add the css found here: http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/ to my MODx site here: http://kittyinrose.com/modx/index.php?id=51

As you can see, they don't look the same. Has anyone successfully added Dynamic Drive CSS templates to MODx? I'm not sure why my links aren't displaying correctly.

Please help!
:confused:

[ddadmin]

Looking at your HTML for the menu, it's mising the <span> tags that need to go in the <a> link of each menu item.


<div id="slidetabsmenu">
<ul><li><a href="/modx/index.php?id=47" title="Digital Art" Digital Art>Digital Art</a></li>
<li><a href="/modx/index.php?id=48" title="Sketches" Sketches>Sketches</a></li>
<li><a href="/modx/index.php?id=49" title="Illustrations" Illustrations>Illustrations</a></li>
<li><a href="/modx/index.php?id=50" title="Resume" Resume>Resume</a></li>
<li class="last"><a href="/modx/index.php?id=52" title="Contact" Contact>Contact</a></li>
</ul>
</div>

Please see the original HTML for the menu again.

[kitten2781]

Do you know how to add a span tag around the WayFinder code for each link? Here is my code:

<div id="slidetabsmenu">
[!Wayfinder?startId=`54` &amp;level=`1` %rowClass=`slidetabsmenu`!]
</div>
It automatically detects what my links are based on the ID number of the parent folder.

[ddadmin]

I'm not familiar at all with the WayFinder code syntax unfortunately. Just to make sure we're on the same page, the span tags you want to insert are in between the A tags:


<li><a href="http://www.dynamicdrive.com" title="Home"><span>Home</span></a></li>

[kitten2781]

Does anyone know how to make it work with MODx WayFinder? I know how to do it in html.