4 Replies Latest reply: Feb 22, 2013 11:43 AM by akanick RSS

    SPRY MENU BAR ISSUE

    akanick Community Member
    akanick Feb 20, 2013 7:23 AM

      Why does my spry menu bar look fine on my computer/my browser, but co-workers browsers show the menu and it's all messed up? Below is my code.

       

      <ul id="MenuBar1" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="#">ADULTS</a>
                <ul>
                  <li><a href="/SIDE BAR OPTIONS/ADULT REC/ADULT REC.html">ADULT REC</a></li>
                  <li><a href="/SIDE BAR OPTIONS/ADULT TRAINING FACILITIES/AdultTrainingFacilities.html">ADULT TRAINING FACILITIES</a></li>
                  <li><a href="/SIDE BAR OPTIONS/AGENCY WITH CHOICE/AgencyWithChoice.html">AGENCY WITH CHOICE</a></li>
                  <li><a href="/SUBNAVMENU/FAMILY LIVING/FAMILY LIVING.HTML">FAMILY LIVING</a></li>
                  <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">SUMMER REC</a></li>
                </ul>
              </li>
              <li><a class="MenuBarItemSubmenu" href="#">YOUTH</a>
                <ul>
                  <li><a href="/SUBNAVMENU/AFTER SCHOOL PROGRAM/AfterSchool.html">AFTER SCHOOL PROGRAM</a></li>
                  <li><a href="/SUBNAVMENU/AKTION CLUB/AktionClub.html">AKTION CLUB</a></li>
                  <li><a href="/SUBNAVMENU/CHALLENGER/Challenger.html">CHALLENGER BASEBALL</a></li>
                  <li><a href="/SUBNAVMENU/EARLY INTERVENTION/EarlyIntervention.html">EARLY INTERVENTION</a></li>
                  <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">SUMMER REC</a></li>
                  <li><a href="/SUBNAVMENU/T-BALL/TBall.html">T-BALL</a></li>
                  <li><a href="/SUBNAVMENU/TEEN CLUB/TeenClub.html">TEEN CLUB</a></li>
                  <li><a href="/SUBNAVMENU/TRAINING N TRANSITION/TrainingTransition.html">TRAINING & TRANSITION</a></li>
                </ul>
              </li>
                        
                <li><a class="MenuBarItemSubmenu" href="#">EVENTS</a>
                <ul>
                 <li><a href="/SUBNAVMENU/EVENTS/LipSync.html">LIP SYNC</a></li>
                  <li><a href="/SUBNAVMENU/EVENTS/TouringFriends.html">TOURING FRIENDS</a></li>
                  <li><a href="/SUBNAVMENU/EVENTS/AnnualPicnic.html">ANNUAL PICNIC</a></li>
                </ul>
              
                <li><a class="MenuBarItemSubmenu" href="#">OTHER</a>
                    <ul>
                      <li><a href="/SUBNAVMENU/EDUCATION & THERAPY/EducationandTherapy.html">EDUCATION & THERAPY</a></li>
                      <li><a href="/SUBNAVMENU/EQUIPMENT LOAN/EquipmentLoan.html">EQUIPMENT LOAN</a></li>
                      <li><a href="/NAVBAR/VOLUNTEER/Volunteer.html">VOLUNTEER</a></li>

                  </ul>
                   
              <li><a class="MenuBarItemSubmenu" a href="#">EMPLOYEES</a>
                   <ul>
                   <li><a href="/SUBNAVMENU/AGENCY WITH CHOICE/AgencyWithChoice.html">AGENCY WITH CHOICE</a></li>
                      <li><a href="/SUBNAVMENU/MEET OUR STAFF/MeetOurStaff.html">MEET OUR STAFF</a></li>
                       <li><a href="/SUBNAVMENU/EMPLOYEE ACCESS/AccessPage.html">EMPLOYEE ACCESS</a></li>
                </UL>     
            </ul>

      • 568 Views
      • Tags:
        • 1. Re: SPRY MENU BAR ISSUE
          Ben Pleysier CommunityMVP
          Ben Pleysier Feb 20, 2013 8:40 AM (in response to akanick)

          The good part: nothing wrong with the markup that you have shown.

           

          The bad part: the problem must be elsewhere.

           

          Give us a link to the site and we'll have a look.

          • 2. Re: SPRY MENU BAR ISSUE
            akanick Community Member
            akanick Feb 20, 2013 8:44 AM (in response to Ben Pleysier)

            mjsnc.org

            • 3. Re: SPRY MENU BAR ISSUE
              Ben Pleysier CommunityMVP
              Ben Pleysier Feb 20, 2013 8:56 AM (in response to akanick)

              Have a look at lines 212 and 213 which read as follows

              <script src="file://///SNCentral/Home/akaniecki/My Documents/Web Site Root Folder/Templates/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

              <link href="file://///SNCentral/Home/akaniecki/My Documents/Web Site Root Folder/Templates/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

              The red part shows the URL to the files. However, these files point to your locahost.

               

              In your template, The links should look like

              <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

              <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

              Also make sure that the files do exist in the remote SpryAssets folder.

              • 4. Re: SPRY MENU BAR ISSUE
                akanick Community Member
                akanick Feb 22, 2013 11:43 AM (in response to Ben Pleysier)

                Okay so I just ended up re-doing my spry menu bar from scratch, and that fixed all issues I was having with it. And I learned a little something as well. Thank you for your help!