Ultimate Web Site Drop Down Menu Forum

Ultimate Web Site Drop Down Menu Forum (http://www.udm4.com/forum/index.php)
-   Demos and Configurations (http://www.udm4.com/forum/forumdisplay.php?f=7)
-   -   Mac Firefox expanding menus don't appear plus parent link doesn't work (http://www.udm4.com/forum/showthread.php?t=785)

mduke 12-15-2007 12:28 AM

Mac Firefox expanding menus don't appear plus parent link doesn't work
 
I'm really new to this so it's likely I'm overlooking something. Here's the test page I've constructed to try out UDM4:

http://depts.washington.edu/poeweb/t...rgraduate.html

It sort of works for Safari 3.0.4 (OS X.4.11), but not in Firefox 2.0.11.

The submenus won't appear in Firefox but the main (i.e., level-1 links) menu links do work; in Safari, it's the opposite: submenus appear, but main links that have submenus don't work.

Do I understand correctly that UDM4 is designed such that main <li> links that are followed by submenus cannot link to a webpage themselves (i.e., this is deliberate)? If that's the way it works, at least it explains the Safari behavior.

What I'm more confused about is the Firefox behavior (or lack thereof, eh!).

Also, neither browsers show the arrow indicating submenus exist, but that's the least of my issues. I suspect it's something I overlooked in the javascript custom file.

Marcus Duke
Washington Sea Grant
University of Washington

vinyl-junkie 12-15-2007 06:29 AM

You only need the id and class "udm" on the top level <ul> tag. Remove that from the other two instances in your code -- lines 51 and 61 in your page code (highlighted below in red). That will most likely fix your rendering problem.

Code:

<ul id="udm" class="udm">
  <li class="onclick"><a href="ugprograms/advising.html" title="Advising">Advising</a>
        <ul>
      <li class="onclick"><a href="ugprograms/faq.html">FAQ</a></li>

      <li class="onclick"><a href="ugprograms/transfer_planning.html">Transfer Planning</a></li>
    </ul>
  </li>
  <li><a href="alumni/index.html">Alumni</a></li>
  <li><a href="ugprograms/requirements.html">Major Requirements</a></li>
  <li><a href="ugprograms/es_minor.html" class="nohref">Minor Requirements</a></li>
  <li class="onclick"><a href="ugprograms/beyond.html">Learning Beyond the Classroom</a>

        <ul id="udm" class="udm">
      <li class="onclick"><a href="ugprograms/beyond_opps.html">Current Opportunities</a></li>
      <li class="onclick"><a href="ugprograms/study_abroad.html">Study Abroad</a></li>
      <li class="onclick"><a href="ugprograms/notes.html">Notes from the Field</a></li>
      <li class="onclick"><a href="ugprograms/beyond.html#Learningintern">Service Learning and Internships</a></li>
      <li class="onclick"><a href="ugprograms/ugresearch.html">Undergraduate Research</a></li>

    </ul>
  </li>
  <li class="onclick"><a href="/menu/">Undergraduate Resources</a>
        <ul id="udm" class="udm">
      <li class="onclick"><a href="ugprograms/funding.html">Funding</a></li>
      <li class="onclick"><a href="ugprograms/grad_school.html">Grad School Planning</a></li>
      <li class="onclick"><a href="ugprograms/career.html">Career Resources</a></li>

      <li class="onclick"><a href="http://depts.washington.edu/sao/" target="_blank">Student Organizations</a></li>
    </ul>
  </li>
</ul>


mduke 12-17-2007 02:48 PM

Mac Firefox expanding menus don't appear...etc.
 
Thanks, much. I'll check that out later today.

Quote:

Originally Posted by vinyl-junkie (Post 1219)
You only need the id and class "udm" on the top level <ul> tag. Remove that from the other two instances in your code -- lines 51 and 61 in your page code (highlighted below in red). That will most likely fix your rendering problem.

Code:

<ul id="udm" class="udm">
  <li class="onclick"><a href="ugprograms/advising.html" title="Advising">Advising</a>
        <ul>
      <li class="onclick"><a href="ugprograms/faq.html">FAQ</a></li>

      <li class="onclick"><a href="ugprograms/transfer_planning.html">Transfer Planning</a></li>
    </ul>
  </li>
  <li><a href="alumni/index.html">Alumni</a></li>
  <li><a href="ugprograms/requirements.html">Major Requirements</a></li>
  <li><a href="ugprograms/es_minor.html" class="nohref">Minor Requirements</a></li>
  <li class="onclick"><a href="ugprograms/beyond.html">Learning Beyond the Classroom</a>

        <ul id="udm" class="udm">
      <li class="onclick"><a href="ugprograms/beyond_opps.html">Current Opportunities</a></li>
      <li class="onclick"><a href="ugprograms/study_abroad.html">Study Abroad</a></li>
      <li class="onclick"><a href="ugprograms/notes.html">Notes from the Field</a></li>
      <li class="onclick"><a href="ugprograms/beyond.html#Learningintern">Service Learning and Internships</a></li>
      <li class="onclick"><a href="ugprograms/ugresearch.html">Undergraduate Research</a></li>

    </ul>
  </li>
  <li class="onclick"><a href="/menu/">Undergraduate Resources</a>
        <ul id="udm" class="udm">
      <li class="onclick"><a href="ugprograms/funding.html">Funding</a></li>
      <li class="onclick"><a href="ugprograms/grad_school.html">Grad School Planning</a></li>
      <li class="onclick"><a href="ugprograms/career.html">Career Resources</a></li>

      <li class="onclick"><a href="http://depts.washington.edu/sao/" target="_blank">Student Organizations</a></li>
    </ul>
  </li>
</ul>




All times are GMT. The time now is 03:58 AM.

Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.