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


    akanick Community Member

      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>
                  <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/SUMMER REC/Summer Rec.html">SUMMER REC</a></li>
              <li><a class="MenuBarItemSubmenu" href="#">YOUTH</a>
                  <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>
                <li><a class="MenuBarItemSubmenu" href="#">EVENTS</a>
                 <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>
                <li><a class="MenuBarItemSubmenu" href="#">OTHER</a>
                      <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>

              <li><a class="MenuBarItemSubmenu" a href="#">EMPLOYEES</a>
                   <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>

        • 1. Re: SPRY MENU BAR ISSUE
          Ben Pleysier MVP

          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


            • 3. Re: SPRY MENU BAR ISSUE
              Ben Pleysier MVP

              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

                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!