Skip to main content
J
John_in_Charlotte
Participant
August 23, 2017
Answered

Unusual Spry DropDown Single Menu Item Fail

  • August 23, 2017
  • 1 reply
  • 566 views

I'm running Dreanweaver CS6 on a Windows 7 Pro laptop. I've created a new website that incorporates a Spry horizontal dropdown menu system from within DW. Following is the code snippet for the menu.

<tr>

        <td><ul id="MenuBar1" class="MenuBarHorizontal">

          <li><a href="../index.html">Home</a></li>

          <li><a href="../about.html">About FSTI</a></li>

          <li><a class="MenuBarItemSubmenu" href="../education.html">Education</a><ul>

              <li><a class="MenuBarItemSubmenu" href="../training.html">Training</a><ul>

                  <li><a href="../BFJA.html">Bolted Flange Joint Assembly</a></li></ul></li>

              <li><a href="../workshops.html">Workshops</a></li>

              <li><a href="../seminars.html">Seminars</a></li>

            </ul>

          </li>

          <li><a href="../events.html">Events</a></li>

          <li><a href="../projects.html">Projects</a></li>

        </ul></td>

      </tr>

All the menu items function correctly when selected, with one exception. Once you select the 'About FSTI' menu item (about.html), from that point on further attempts to select menu items result in the newly selected menu item being ADDED to the previous path.

Example:  When selecting 'Education' (education.html) AFTER having selected and viewed 'About FSTI' (about.html), the following path results www.domain.org/about.html#Education.html. The desired page obviously fails to load and further attempts to select other menu bar links only result in swapping the selected new link with whatever link happened to appear after .../about.html, which remains permanently selected.

I can't see the problem for the life of me. Thanks for any solutions provided.

John

This topic has been closed for replies.
Correct answer Nancy OShea

You're using SPRY menus on a new website?

Oh, gosh!  Don't do that.

Spry is gone.  Adobe abandoned the framework in 2012 because the code is outdated -- last revised in 2006.  Spry menus won't give touch screen users a good experience.  I would ditch Spry and find a modern replacement.

Nancy

1 reply

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
August 23, 2017

The snippet you have posted wouldn't be able to do what you're explaining by itself.The problem is somewhere else in your code and the easiest way for contributors here to find it would be using their browsers.

Could you upload your page to a server you control and post a link to it here so we can take a look?

A distant second would be to copy/paste the entire code of the page, and any external javascript file, to a forum reply. Don't use email for that, code won't come through in email replies.

J
John_in_CharlotteAuthor
Participant
August 23, 2017

Jon - Thanks so much. The webpage can be viewed at www.fluidsealingtechnology.org. We're in the process of debugging this new website so any assistance on this issue would be greatly appreciated.

THANKS!

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
August 23, 2017

The links on the about.html page have # in front of them...

<li><a href="#index.html">Home</a></li>

<li><a href="#about.html">About FSTI</a></li>

In the browser, a # in front of a link adds the rest of the link to the current page location. Those # need to be removed.

You also have a number of structural errors in your code. Run the validator at http://validator.w3.org/nu to get a listing so you can clean those up too.

Firefly Community Gallery
Adobe Firefly

Remix with Firefly Community Gallery

Thousands of free creations to fall in love with and remix in Firefly.

Explore now
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices