Skip navigation
KGop
Currently Being Moderated

Spry menu bar

Jun 28, 2012 3:44 AM

Hi I need help with verticle spry menu bar drop down menu. When I test locally it's working fine but when I upload the drop down menu isn't working I've spent days to fix it but couldn't can anyone help me it's driving mad!!!!!

 

Thanks.

 
Replies
  • Currently Being Moderated
    Jun 28, 2012 3:46 AM   in reply to KGop

    Post link to online page

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 28, 2012 3:57 AM   in reply to KGop

    You have provided nothing for us to help with.

    http://forums.adobe.com/thread/691654?tstart=0

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 28, 2012 11:43 AM   in reply to KGop

    I hope thiss will help.

     

    Not really.  Can you post a link to the live page?  Then we can see the HTML, the CSS, AND we can tell if any of the support files are not loading.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 28, 2012 11:56 AM   in reply to KGop

    I've spent days to fix it but couldn't can anyone help me it's driving mad!!!!!

    When you uploaded page to server, did you include the SpryAssets folder with your Spry CSS & JavaScript files in it.?

     

    Can you post the URL to your problem page so we can see it in our browsers?

     

    Relevant link:

    http://forums.adobe.com/message/4328118#4328118

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 29, 2012 4:16 AM   in reply to KGop

    r u upload

    AC_RunActiveContent.js

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 29, 2012 4:28 AM   in reply to manojb05

    manojb05 wrote:

     

    r u upload

    AC_RunActiveContent.js

    Sorry, but AC_RunActiveContent.js has nothing to do with a SpryMenyBar.

     

    The OP needs to upload the site and supply a link for us to help him/her.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 29, 2012 12:40 PM   in reply to KGop

    The markup for the menubar should be as

     

    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">Home</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Articles</a>
        <ul>
          <li><a href="importanofthechurch2012.html">Importance of the church</a></li>
          <li><a href="ajourneytoeternityeng2012.html">A journey to  eternity</a></li>
          <li><a href="newbegnew2012.html">A new begenning with God</a></li>
          <li><a href="dccdoctinalstatement2012.html">Dcc doctrinal statement</a></li>
          <li><a href="thetimeisnear2012.html">The time is near</a></li>
          <li><a href="Wearecalledtobeholy.html">We are called to be holy</a></li>
        </ul>
      </li>
      <li><a href="sermon.html">Sermon</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Video</a>
        <ul>
          <li><a href="bstudynew2.html">From Genesis to Revelation</a></li>
          <li><a href="topicalbseng2012new.html">Topical Bible Study</a></li>
          <li><a href="songpage.html">Songs</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Other</a>
        <ul>
          <li><a href="#">Youths site</a></li>
          <li><a href="#">Women site</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Contact us</a>
        <ul>
          <li><a href="#">Wembley</a></li>
          <li><a href="#">Kingston</a></li>
          <li><a href="#">Milton Keynes</a></li>
        </ul>
      </li>
    </ul>

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 29, 2012 6:42 PM   in reply to KGop

    The online SpryMenuBar.js has been modified to include non-JS stuff. Open the JS file and remove everything after line #764.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 30, 2012 10:42 AM   in reply to KGop

    That's not enough to go on.  Please post a link to your vertical menu bar.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 1, 2012 5:42 AM   in reply to KGop

    1. Within the <head> element

    • you have style rules pertaining to the menubar(s)
    • a link to SpryMenyBarVertical.css

    Both of which target the same elements within the menubar markup.

     

    2. The link to SpryMenuBarVertical.css comes after the style rules within the document, hence they override those in the document.

     

    3. The linked CSS has had several absolute positioning's changed to relative. Why?

     

    May I suggest that

    1. you remove all document style rules that pertain to the menubar, leaving the external style sheet.

    2. Resurrect the original external style sheet

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 4, 2012 11:49 PM   in reply to KGop
    1. In your site, go to the SpryAssets folder and delete SpryMenuBarVertical.css
    2. Create a new document called junk.html or similar
    3. In junk.html insert a Spry Vertical Menu bar and follow the instructions
    4. Delete junk.html

     

    This will create a virgin copy of SpryMenuBarVertical in the SpryAssets folder.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 5, 2012 8:20 AM   in reply to KGop

    Did you upload the new stylesheet?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 10, 2012 6:27 PM   in reply to KGop

    Not sure what you mean with "different language font"

     

    If you need foreign language charaters, in the most, charset="utf-8" will take care of that as in

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Untitled Document</title>

    </head>

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 11, 2012 8:40 AM   in reply to KGop

    Which language are we talking about?

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 11, 2012 11:23 AM   in reply to KGop

    Your CSS is getting your browser's knickers all in a twist.

    For example, you have all these ALLCAPITAL style rules conflicting, duplicating and placing same color text as background color which will cost you in Google rankings.

     

    .ALLCAPITAL {    font: normal 14px/normal Tahoma, Geneva, sans-serif;

        text-transform: uppercase;

        color: #CCC;

        font-weight: bold;

    }

    .ALLCAPITAL {    color: #900;

    }

    .ALLCAPITAL {    font-family: Arial, Helvetica, sans-serif;

    }.

    ALLCAPITAL .john11white .lightblue .john11white .john11white .john11white {

        font: normal 10px/normal Arial, Helvetica, sans-serif;

        text-transform: uppercase;

        color: #000;

        font-size: 12px;

    }

    .ALLCAPITAL .darkblue {

        color: #FDD7AF;

    }

    .ALLCAPITAL .darkblue {

        color: #FC0;

    }

    .ALLCAPITAL .darkblue {

        font-size: 16px;

    }

    .ALLCAPITAL .darkblue {

        font-weight: bold;

    }

    .ALLCAPITAL .darkblue {

        color: #999;

    }

    .ALLCAPITAL .darkblue {

        color: #CCC;

    }

    .ALLCAPITAL .darkblue {

        color: #000;

    }

    .ALLCAPITAL .darkblue {

        font-size: 14px;

     

    As well as these 14 more errors shown here:

     

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.dcch urch.org.uk%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang =en

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points