I exported a website through Artisteer. I came out with the menu code as follows:
<div class="nav"> <div class="nav-l"></div> <div class="nav-r"></div> <div class="nav-outer"> <div class="nav-wrapper"> <div class="nav-inner"> <ul class="hmenu"> <li> <a href="./about-me.html" class="active"><span class="l"></span><span class="r"></span><span class="t">About Me</span></a> </li> <li> <a href="music-samples.php"><span class="l"></span><span class="r"></span><span class="t">Music Samples</span></a> </li> <li> <a href="./contact-me.html"><span class="l"></span><span class="r"></span><span class="t">Contact Me</span></a> </li> </ul> </div> </div> </div> </div>
So I tried to convert a couple of pages to php and add a couple resulting in code that looks like this:
<div class="nav"> <div class="nav-l"></div> <div class="nav-r"></div> <div class="nav-outer"> <div class="nav-wrapper"> <div class="nav-inner"> <ul class="hmenu"> <li> <a href="../about-me.html" class="active"><span class="l"></span><span class="r"></span><span class="t">About Me</span></a> </li> <li> <a href="../music.php"><span class="l"></span><span class="r"></span><span class="t">Music Samples</span></a> </li> <li> <a href="../music2.php"><span class="l"></span><span class="r"></span><span class="t">Music (opt 2)</span></a> </li> <li> <a href="../music3.php"><span class="l"></span><span class="r"></span><span class="t">Music (opt 3)</span></a> </li> <li> <a href="../contact-me.html"><span class="l"></span><span class="r"></span><span class="t">Contact Me</span></a> </li> </ul> </div> </div> </div> </div>
and the menu breaks as far as highlighting which page is active. The hover behavior still works, but I cannot figure out why the active page behavior breaks.
The menu needs to be easily editable to output html web sites.
|