3 replies [Last post]
Gavmun
Offline
newbie
UK
Last seen: 10 weeks 4 days ago
UK
Joined: 2004-02-23
Posts: 6
Points: 5

Hi. I'm going a bit loopy. Probably beeen looking at code too long but just cant see what the problem is. My drop down menue for mobile users/small screens displays and nearly works, its just the links in it dont seem to register.
I tried relative and full urls and other tests but ive drawn a bit of a blank
its the bit im concerned with

<div id="header">
  <div class="container"> 
    <!-- Header | Logo, Menu
		================================================== -->
    <div class="logo"><a href="../index.html"><img src="../images/logo.png" alt="" /></a></div>
    <div class="mainmenu">
      <div id="mainmenu">
        <ul class="sf-menu">
          <li><a href="../index.html">Home</a></li>
          <li><a href="../art.html" id="visited">Art</a> 
            <ul>   
              <li><a href="print_test2.html">Buy Prints</a></li>
              <li><a href="#">Buy Art</a></li>
              <li><a href="../art.html">Sold Art</a></li>
              <li><a href="../commissions.html">Commission art</a></li> 
            </ul>  
          </li>
          <li><a href="../artist.html">Artist</a>
            <ul> 
              <li><a href="../artist.html">About</a></li>
              <li><a href="../exhibitions.html">Exhibition list</a></li>
            </ul>
          </li>
          <li><a href="../testimonials.html">Testimonials</a>
          <li><a href="../blog.html">Blog</a></li>
          <li><a href="../contact.html">Contact</a></li>
        </ul>
      </div>
      <!-- mainmenu ends here --> 
 
      <!-- Responsive Menu -->
      <form id="responsive-menu" action="#" method="post">
        <select>
          <option value="">Navigation</option>
          <option value="http://www.mundyart.co.uk">Home</option>
          <option value="../../art.html">Art</option>
          <option value="print_test2.html">Buy Prints</option>
          <option value="#">Buy Art</option> 
          <option value="../../art.html">Sold Art</option>
          <option value="../../commissions.html">Commission art</option>
          <option value="../artist.html">Artist</option>
          <option value="../about.html">About</option>
          <option value="../exhibitions.html">Exhibition list</option>
          <option value="../testimonials.html">Testimonials</option>
          <option value="../blog.html">Blog</option>
          <option value="../contact.html">Contact</option>
        </select>
      </form>
    </div>
    <!-- mainmenu ends here --> 
  </div>
  <!-- container ends here --> 
</div>

Gavmun
Offline
newbie
UK
Last seen: 10 weeks 4 days ago
UK
Joined: 2004-02-23
Posts: 6
Points: 5

Links not working in drop down menu

BTW, The specific page in question is at www.mundyart.co.uk/2/galleries/art_test2.html (though other pages on this test site have differing navigation links im working on).
Bear in mind its just the 'Navigation' drop down menu im worried about not the other header links seen on larger screens

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 21 hours 32 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9738
Points: 3817

Without deep digging ...

It appears that your relative addresses for scripts is incorrect. This page is two levels down from root, yet the addresses you source for the scripts is yet another level down when you (probably) mean to be down one from root.

My tests show that none of the scripts load.

From the source,
<script src="js/superfish.js" type="text/javascript"></script>
which is resolved as
http://www.mundyart.co.uk/2/galleries/js/superfish.js.

I'm betting the scripts are here
http://www.mundyart.co.uk/2/js/...

gary

Addendum: Edit the script source and menu works. ~g

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 21 hours 32 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9738
Points: 3817

One more thing

Maybe I'm old fashioned, but if a page doesn't work on its own, without javascript or styles, it is a failure. A web page should degrade gracefully. It may look clumsy, but it should always work

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.