Need help with spry collapsible panel (menu)

I learn as I go when I created my website http://www.invitation-fascination.com/shapes.html and so far I've created a page with 13 spry collapsible panels- I think it came out pretty well.  Now this is what I want to add to the page: 
I want to create a selector (drop down) menu above the panels with the option to select any one of the 13 panels.
Once selected it will move directly to that panel and open it. 
I've tried the piselect thing and with the "open" and "close" button that will programatically open the panels, but what I want is for the panel to be selected from the menu and then the page goes directly to that panel and it then opens.
Is there a way this can be done?  Please help
I'm really not that good at this stuff- please be easy with your response- thank you

Have a look at the last example http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Gramps

Similar Messages

  • Need help with Spry Collapsible panels

    I'm fairly inexperienced with Dreamweaver (CS4) and especially new to the Spry feature, so bear with me... I need all the help I can get! I've inserted six Spry collapsible panels to an HTML page and uploaded everything (including SpryCollapsiblePanel.css and SpryCollapsiblePanel.js), but they're automatically displaying as open and I can't click on them or close them. I'd like them to be closed until selected and opened.
    What am I doing wrong?
    Here's the URL: http://www.nicolegriffith.com/trustm.html
    Thank you!

    I just looked at your code, and your SpryAssets content is not there. This is the extent of your SpryCollapsablePanel.js
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <title>404 - Not Found</title>
    </head>
    <body>
      <h1>404 - Not Found</h1>
    </body>
    </html>
    Make sure your spry assests folder is in your root directory and upload the files once you know they are where they should be.
    Gary

  • Help with spry collapsible panel

    I have several spry collapsible panels that I am using for
    navigation and want an open panel to close automatically when a new
    one is opened. Can this be done? I checked the "customuze this
    widget" in the property inspector but does not give any info on the
    behavior of them. I am sure it is in the java code but I am not a
    Java expert by any means.

    Have a look at the last example http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
    Gramps

  • Need Help with Spry Drop Down Menu

    Greetings,
    I'm a Dreamweaver beginner, and I'm currently working on a
    redesign of our corporate website, and I would really like to
    incorporate a drop down navigation system. So far, I've gotten
    close to what I would like to have, except there are a few items I
    just can't figure out. Here's what I have so far:
    Click
    Here
    As you can see, whenever you hover over one of the links, a
    sub menu appears. This is great and everything, except I would
    really like to make two minor adjustments:
    1) I would like to decrease the line-spacing between the main
    menu and the submenus.
    2) I would like to change the font color of the sub-menu for
    better readability.
    I created this menu using Dreamweaver's Spry Menu feature. To
    get the desired results so far, I simply played around with the CSS
    file. The only two things I can't figure out are the above. I tried
    to change the font color of the submenus in the CSS file, but there
    is no tag that allows you to do this. I found a "Help" document on
    repositioning the location of the submenus but every time I try, I
    don't get any noticeable results.
    Any ideas on how to pull off what I'm looking to do? Any
    replies would be greatly appreciated. Thanks!

    Bump

  • I need help with adobe muse sub-menu styling

    i need help with adobe muse sub-menu styling~!  i can adjust them to exactly how i like them, but then when i go to the next set of sub-menus, the other ones revert back to the starting white/black boxes.  i am frustrated as i have redone this so many times!  Please help me!

    To achieve this, you can use an accordion widget with custum styling.
    IF you search for Terry White, Muse, accordion, you will find some video tutorials on YouTube.

  • IE 7 issue with Spry Collapsible Panel

    Hi Folks
    My problem is I have dropped in a small collapsible panel at the top (right) of my site pages
    which basically houses a sharing panel and a Google+1 button.
    As ever it works well on all the other major browsers with the exception of IE (7).
    Here it remains in the open position and clicking on the tab has no effect.
    I have tried many of the suggestions put forward including;
    1. Altering the js file (line 431 to now read 'this.content.style.height = "auto";')
    2. Given the panel a height of 'auto'
    3. Tweaked the z-index stacking
    4. Reordered my other js files in case of interference
    5. etc.
    I was wondering whether placing the Google+1 button inside the panel was the issue...
    Needless to say it was not with the other browsers.
    Here is the site URL : hughsitton.com/slideshow/grey_Site/contact_Grey.html
    As per usual the site goes ok then these seemingly inocuous little problems become huge and eat up oceans of time!
    Any help would be greatly appreciated as my tether end is close to being reached!
    (Apologies if you find my coding a little messy. Hope not.)
    Many Thanks
    Chris
    Message was edited by: m4hs33r

    Thank you, that gave me what I was looking for. Although now I have come across another issue when I put text in that is not the same length. What would cause the extra white space in the menu box.

  • Need help linking spry tabbed panel from external page

    Could use some help.  I need to link to a specific spry tabbed panel on page "A" from a link on page "B"  I have tried several "solutions" on the web and had no luck.  When I add the code needed at the bottom of the code where you initiate the instance, it stacks the content of ALL panels in the first panel, and renders the tabs inoperable.  This is a key feature I need in a new site being developed.

    I need to link to a specific spry tabbed panel on page "A" from a link on page "B"  I have tried several "solutions" on the web and had no luck. 
    Have you tried http://foundationphp.com/tutorials/spry_url_utils.php ?
    When I add the code needed at the bottom of the code where you initiate the instance, it stacks the content of ALL panels in the first panel, and renders the tabs inoperable.
    Depending on what the code looks like, it can do all sorts of things.
    Please be reminded that the best way for us to help you is by you supplying a link to your site with a one sentence description of the problem.
    Gramps

  • Need help with horizontal accordian panels

    Hi,
    I'm wondering how I would re-create a horizontal accordian panel set, such as the one used in this website link, "http://www.thecapriapts.com/".
    When I insert a "spry accordian" panel set, the panels are stacked on top of each other. I guess you would consider that a "vertical" accordian. Is it possible to manipulate the CSS to have it display horizontally, like the link I attached? Or.. is this a common javascript that I sould look into?
    As always, thanks for your help out there...
    Chris

    With spry, there are two different kinds you can use: horizontal and vertical. What you're looking at in that site is horizontal. Usually, it appears as rectangles placed next to each other with the spry flying out below. In DW, you can go to your CSS rules for your spry menu and change the width and height of your boxes in your spry, depending upon which rule you have selected. Play around with that and see if you can just manipulate the horizontal accordian spry to where the rectangles end up being tall and thin. This will make it difficult, however, to get the text on its side like you see in that site. I'm not sure how you would go about doing that. But I would suggest trying to play around with the values in your CSS styles panel on the right (this is me looking at CS5 mind you. I'm not sure what you're running.)
    Either way, for times sake and also readability, might I respectfully suggest playing around with other sprys to see if any look more aesthetically pleasing for your site? It would also make it a lot simpler to tweak to your liking.

  • Need Help with spry for uploading to a website

    Sorry if there is already a thread about this but i cant seem to get this to work. So I have looked around an dfound that you need to have the spry files uploaded to the server and i have done that, but the page still looks wrong. Here is a link so you guys can see what it looks like and i'm sorry about the page being in norwegian.
    http://miljopose.net/kjop.html
    I really need help because this is for a project i am doing at school.

    None of these files can be found
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
    Please upload the files in the correct directory
    Gramps

  • HELP WITH SPRY TABBED PANEL -

    On one page I created a spry-tabbed panel with a distinctive look.
    On another page, same website, I created another spry tabbed panel with its own distinctive look, its own color scheme. 
    On doing the second page I discovered I was also inadvertantly changing the color, boarders etc to the spry tabbed panel on my first page.
    Don't want to do that.
    How do I create a spry panel on 2 different pages within the same web site and let each have its own independent spry set of attributes
    Howard Blume
    [email protected]
    max os x  system10.6.6
    dreamweaver 5

    Hi Ken:
    When I insert a new spry panel it appears with all the css from the other page.
    When I began to make changes the other page reflexs those changes.
    Don't know how to get a separate SpryCss sheet. Do you?

  • Need help with Spry Menu Bar

    Hello,  I have two templates that I am using.  Both have a horizontal menu bar across the top of the page and then two Vertical Spry Menu Bars down the left hand side of the page - one above the other.  On one template, all menu bars are working correctly.  On the other template, 2 out of three are working correctly.  Not sure what's happening here.  The spry menu bar that is not working correctly is under "Books & Materials" heading.  The menu bar is supposed to turn green when you mouse over it, but instead everything turns white and looks like it "disappears".  I have no idea why it would work on one template and not the other.  Or for that matter, why it is working on one vertical spry menu bar, but not the other on the same page.  Can anyone help me?   www.springerlejoy.com/proanimals4.html  This is a page that shows where it is not working.  Basically, all of the products pages are having this problem.  If you go to the home page:  www.springerlejoy.com you will see that this page is working - using a different template.  Can anyone help me?  I'm at a loss!  Thanks!
    Debbie
    Here is the code for the template that is NOT working:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <link href="../thrColFixHdr.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .thrColFixHdr #sidebar1 { width: 180px; }
    .thrColFixHdr #sidebar2 { width: 190px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
    .thrColFixHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <!--[if IE]>
    <style type="text/css">
    .thrColFixHdr #container { zoom: 1; }
    </style>
    <![endif]-->
    <style type="text/css">
    <!--
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    document.write(unescape("%3Cscript
    </script>
    <script type="text/javascript">
    try {
    var pageTracker = _gat._getTracker("UA-11559638-1");
    pageTracker._trackPageview();
    } catch(err) {}</script>
    body {
    background-color: #CCEA86;
    .maincontenthdr {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    color: #530000;
    text-align: center;
    height: 29px;
    .maincontenthdr1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #600;
    .maincontenttxt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000;
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    .thumbnail{
    position: relative;
    z-index: 0;
    .thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -800px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    .thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 60px; /*position where enlarged image should offset horizontally */
    -->
    </style>
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    //-->
    </script>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-color: #CCEA86;
    -->
    </style>
    <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="thrColFixHdr" onload="MM_preloadImages('../history2.gif')">
    <div id="container">
      <div id="header">
    <table width="810" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><div class="hdrtxt">
          <p>2104 Clairmont Drive<br />
            Pittsburgh, PA 15241<br />
            T 412-616-9066<br />
            F 412-220-2074 </p>
          </div></td>
        <td align="center"><a href="../index.html"><img src="../logo3.jpg" width="313" height="149" border="0" /></a></td>
        <td><div class="rthdrtxt">Cookie Molds from <br />
          the Old World for <br />
          Baking and Crafts</div>
           </td>
      </tr>
      <tr>
        <td width="189" background="../lines.gif"></td>
        <td width="409" align="center" background="../lines.gif"> </td>
        <td width="182" background="../lines.gif"></td>
        </tr>
      <tr bgcolor="#BB7C4E">
        <td colspan="3" align="left"><ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="../index.html">Home</a></li>
    <li><a href="../aboutus4.html">About Us</a></li>
    <li><a href="../howtoorder4.html">How To Order</a>          </li>
          <li><a href="../information4.html">Information</a></li>
          <li><a href="../contactus4.html">Contact Us</a></li>
          <li><a href="../recipeshome.html">Recipes</a></li>
          <li><a href="../events4.htm">Events</a></li>
          <li><a href="../gallery4.html">Photo Gallery</a></li>
        </ul></td>
        </tr>
    </table>
    <div class="divmenubar"> </div>
    </div>
      <div id="sidebar1">
        <div class="FeatureItem">
    <div align="center"><span class="FeatureItemHead"> </span>
      <div>
        <div class="Products">Products
          <br />
          <br />
        </div>
    <div class="proHeaders">Molds</div>
      </div>
    </div>
    <ul id="MenuBar2" class="MenuBarVertical">
      <li><a href="../proangels4.html">Angels</a>      </li>
        <li><a href="../proanimals4.html">Animals</a></li>
        <li><a href="../probaby4.html">Baby</a>      </li>
        <li><a href="../probiblical4.html">Biblical</a></li>
        <li><a href="../probirds41.html">Birds</a></li>
    <li><a href="../prochildren4.html">Children</a></li>
        <li><a href="../prochristgen4.html">Christmas, General</a></li>
        <li><a href="../prochristrel41.html">Christmas, Religious</a></li>
        <li><a href="../procornucopia4.html">Cornucopia</a></li>
        <li><a href="../procultfig4.html">Cultural Figures</a></li>
        <li><a href="../profishing4.html">Fish</a></li>
        <li><a href="../proflowers4.html">Flowers &amp; Plants</a></li>
        <li><a href="../profruits4.html">Fruit</a></li>
        <li><a href="../progeometric4.html">Geometric</a></li>
        <li><a href="../progermany4.html">Germany</a></li>
        <li><a href="../prohearts4.html">Hearts</a></li>
        <li><a href="../proinsects4.html">Insects</a></li>
        <li><a href="../proluck4.html">Luck</a></li>
        <li><a href="../promarriage4.html">Marriage</a></li>
        <li><a href="../promultiple4.html">Multiple Images</a></li>
        <li><a href="../promusic4.html">Music</a></li>
        <li><a href="../pronautical4.html">Nautical</a></li>
        <li><a href="../proscenes4.html">Old Time Scenes</a></li>
        <li><a href="../propeople4.html">People in Old Times</a></li>
        <li><a href="../prosayings4.html">Sayings</a></li>
        <li><a href="../proschool4.html">School</a></li>
        <li><a href="../proseasons4.html">Seasons</a></li>
        <li><a href="../prostar4.html">Star</a></li>
        <li><a href="../prostory4.html">Story / Legend Characters</a></li>
        <li><a href="../prosunmoon4.html">Sun &amp; Moon</a></li>
        <li><a href="../proswitzerland4.html">Switzerland</a></li>
        <li><a href="../prosymbols4.html">Symbols</a></li>
        <li><a href="../protransportation4.html">Transportation</a></li>
        <li><a href="../prozodiac4.html">Zodiac</a>    </li>
    </ul>
    <div class="proHeaders"><br />
      Books &amp; Materials</div>
    <ul id="MenuBar3" class="MenuBarVertical">
      <li><a href="../probooks4.html">Books</a>    </li>
      <li><a href="../procookies4.html">Cookies</a></li>
      <li><a href="../procutters4.html">Cutters</a>    </li>
      <li><a href="../proflavoring4.html">Flavoring</a></li>
      <li><a href="../profoodcolor4.html">Food Coloring</a></li>
      <li><a href="../promaterials4.html">Materials</a></li>
      <li><a href="../protools4.html">Tools</a><br /></li>
    </ul>
    </div>
    </div>
      <div></div>
      <div id="sidebar2">
        <div class="nxtevents">
          <div class="MenuBarActive">
            <div><a href="http://order.store.yahoo.net/cgi-bin/wg-order?yhst-40727766898036 "><img src="../cart1.gif" name="imgfloatright" width="87" height="26" border="0" id="imgfloatright" /></a></div>
            <p><br />
              <br />
            </p>
          </div>
          <div class="nxtevents">
            <div class="maincontenttxt">
              <div class="moldscenter"><span class="maincontenthdr1">Featured Item<br />
                </span>
    <p class="thumbnail"><a class="thumbnail" href="#thumb"><span><img src="1142.jpg" /></span></a> <a class="thumbnail" href="#thumb"><a class="thumbnail" href="#thumb"><img src="1142-1.jpg" width="93px" height="100px" border="0" /></a></p>
                <br />
                <table width="130" cellpadding="0" cellspacing="0">
        <tr>
          <td width="61" align="right" class="maincontenttxt">1142</td>
          <td width="67" align="right" class="maincontenttxt"><div align="right">$31.00</div></td>
        </tr>
      </table>
                <br />
                <a href="../proanimals4.html">The Three Rabbits springerle mold, dia. 3.5&quot; (90mm)</a><br />
                <br />
                <form method="post" action="<!--#ystore_order id=1142 -->">
              <p align="left" class="buttoncenter">
                <input type="submit" value="Order Now" />
              </p>
            </form><br />
              </div>
              <p class="nxteventshdr">News...        </p>
            </div>
            <p>2/8: Just Arrived from Switzerland today<br />
              <strong><U><br />
              <a href="../prohearts4.html">11 New Heart   Molds</a></U></strong><a href="../prohearts4.html"><U>!</U></a><U><br />
            </U></p>
          </div>
          <div id="moreevents">
            <p>2/7: See our new photos in the <a href="../gallery4.html">Photo Gallery</a>!</p>
          </div>
        </div>
        <div>
          <p class="nxteventshdr">Newsletter</p>
          <p class="nxtevents">To automatically receive our e-mail newsletter with new mold information, tips and tricks, photos of cookies and art, and historical profiles of featured molds, please fill in the form below and press &lt;Submit&gt;</p>
          <form method=post action="http://us.1.p6.webhosting.yahoo.com/forms?login=springerlejoy" id="form1" name="form1">
            <p class="maincontenttxt">First Name
      <input name="formFirstName" type="text" class="maincontenttxt" id="formFirstName" />
            </p>
            <p class="maincontenttxt">Last Name
              <input name="FormLast" type="text" class="maincontenttxt" id="FormLast" />
            </p>
            <p><span class="maincontenttxt">Email Address
                <input name="FormEmail" type="text" class="maincontenttxt" id="FormEmail" />
            </span></p>
            <div id="button">
              <input type="submit" name="SubmitButton" id="SubmitButton" value="Submit" />
            </div>
            <p> </p>
          </form>
          <p> </p>
          <p><a href="http://smallbusiness.yahoo.com/ecommerce/" target="_blank"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/smallbiz/gr/ecomby_128bit.gif" alt="ecommerce provided by Yahoo! Small Business" width="118" height="55" border="0" align="middle"/></a> <br />
            <br />
          <a href="http://www.facebook.com/pages/Springerle-Joy/243604195833?ref=search&amp;sid=1000000928365 99.173275996..1&amp;v=wall#!/pages/Springerle-Joy/243604195833?v=wall&amp;ref=search"><img src="../5u84f48n.gif" width="144" height="44" /></a> </p>
        </div>
        <!-- end #sidebar2 -->
      </div>
      <div id="mainContent">
      <div class="maincontenthdr"> <!-- TemplateBeginEditable name="EditMainContHdr" -->   
        <p class="maincontenthdr">Products</p><div class="leafpic"><img src="../leaves3.jpg" width="420" height="32" /></div>
      <!-- TemplateEndEditable --></div>
    <div> 
      <div class="maincontenthdr1">
        <table width="418" border="0" cellspacing="0" cellpadding="0">
          <!-- TemplateBeginRepeat name="RepeatRegion1" -->
            <tr>
              <td width="87" rowspan="2" valign="top"><!-- TemplateBeginEditable name="EditRegion6" --> <!-- TemplateEndEditable --></td>
              <td width="255" valign="bottom" class="itemno"><!-- TemplateBeginEditable name="EditRegion7" --> <!-- TemplateEndEditable --></td>
              <td width="76" valign="bottom" class="price"><!-- TemplateBeginEditable name="EditRegion8" --> <!-- TemplateEndEditable --></td>
            </tr>
            <tr>
              <td valign="top" class="maincontenttxt"><!-- TemplateBeginEditable name="EditRegion10" --> <!-- TemplateEndEditable --></td>
              <td class="orderbutton"><!-- TemplateBeginEditable name="EditRegion11" --> <!-- TemplateEndEditable --></td>
            </tr>
            <!-- TemplateEndRepeat -->
          <tr>
            <td> </td>
            <td> </td>
            <td> </td>
          </tr>
        </table>
        <p> </p>
        <div class="maincontenttxt"></div>
        <p> </p>
    <div class="maincontenttxt"></div>
      </div>
    </div>
      </div>
    <p>
       <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
      </p>
    <p><br class="clearfloat" />
      </p>
      <div id="footer">
      <div id="copyrighttxt">
      <p>Copyright© by Springerle Joy, LLC 2010</p>
    </div>
    <!-- end #footer --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    File cannot be found. Try
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    File cannot be found. Try
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="file:///Macintosh HD/Users/julesmazur/Desktop/widgets/menubar/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    This link points to a local file on your local harddrive and can therefore not be found. However, this file is not needed because the file will be linked as above.
    Gramps

  • I need help with SPRY

    I'm using SPRY to make a navigation bar. When I hover the
    cursor over a menu item, it highlights the box in the color blue. I
    don't understand where it's getting this information from? I've
    gone through all the settings in the CSS styles box.
    This is what I want to happen: When you hover over a menu
    bar item the text changes from white to red. Background
    transparent.
    I need a spry recipie! -T

    Hi Toastieo,
    After much playing with the spry menu css file i managed to
    change the parent menu colours and then assign a diffrent colour to
    the submenu's. Unfortunetly in my case it works perfectly in
    Firefox but completely screws up in Internet Exploerer 7 and have
    no clue how to fix it to look right in both. So here is the code u
    need to find in the CSS file but make sure it doesn't screw things
    up in IE 7 it shouldn't do but it might.
    /*Parent Menu Hover and Text Colour*/
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal
    a.MenuBarItemSubmenuHover
    background-color:#FFFFFF;
    color:#000000;
    /*Submenu Text colour & Hover*/
    ul.MenuBarHorizontal ul a.MenuBarItemHover,
    ul.MenuBarHorizontal ul li a.MenuBarItemSubmenuHover
    background-color:#0000FF;
    color:#FFFFFF;
    Now u want to find the pink ul..... names that matches those
    above.
    Hope that makes sense and helps.

  • Need help formatting Spry drop down menu

    FYI, I'm using CS3 on a Mac.
    I'm working on a full CSS layout of a page in a site. OK, not
    full CSS, I have a table controlling the text in the main content
    area. I need a drop down menu for this page, so I inserted a spry
    menu bar for the page navigation. *phew*! The learning curve on
    that is killing me! :) Just trying to get the menu items spread out
    ("full justify") has take me forever. I'm still having some major
    issues.
    Can someone tell me which styles to adjust to fix the things
    below? I think I have fixed most of it, but can't figure out these
    items:
    1. I want the sub menu items to have normal font weight (but
    the main menu items should remain "bold"
    2. I want the sub menu items' background to extend at least
    past the end of the item. With some of the longer items, the
    background is cut off.
    3. I want the border back around the sub menu items. It was
    there originally, but I some how removed it and can't get it back.
    I don't want a border around the main menu items.
    4.
    Most importantly! The sub menu items don't line up
    vertically in IE on my PC. They fall into several horizontal rows
    that run off the side of the page - almost impossible to use!
    5. Oh, and I almost forgot, the submenu is now showing up all
    the way on the left side of the page. It should be directly below
    the "Participating Farms" link.
    This is the page:
    http://www.nectfarmersmarket.org/farmse.html
    Thank you!

    Can anyone tell me if this is the right place for this
    thread?
    Thanks,

  • Help with Spry drop down menu

    I'm new to Spry, but not to CSS. I'm having major trouble
    formatting this menu.
    I've set up my page with a 3-row centered table for simple
    positioning (I hate trying to get a pure CSS centered layout). The
    width is 940px and the horizontal menu is supposed to span the full
    940 width. I've tried changing width values in several rules and
    nothing changes. In fact the only change I've been able to see is
    when I changed the text to Georgia in the li rule, even when I've
    tried to change bg colors.
    Any help would be appreciated. I'm completely stuck.

    Bump

  • Need help with javascript drop down menu

    Hi,
    I inherited a website that was already created. I do not know
    what version of dreamweaver they created it in but I have
    Dreamweaver MX 2004. I am trying to make changes to the drop down
    menus. I have figured most everything else out about dreamweaver
    but cant figure out how these menu's are made or can be modified. I
    have gone into the main template and clicked on the menu section I
    want to modify. All it shows it a link to javascript:; I have
    searched everywhere for what this means or how to modify it but
    can't find anything. Can someone tell me how to get to this info so
    I can make changes. Thanks. My website is www.pfcal.org if that
    helps.

    Oh boy. Templates are not for uploading. They have no effect
    on the
    server. They only change local files which must then be
    uploaded to the
    server. But - I'm troubled by this comment -
    > It didnt give me an option to "save" though
    When you made the changes did the template page get marked as
    "dirty" (with
    an asterisk beside the name)? Which DW are you using?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "sjg23" <[email protected]> wrote in message
    news:[email protected]...
    > Ok. thanks. I did that but nothing changed. Here is what
    I have now:
    >
    > <div id="MMMenuContainer1112210633_0">
    > <div id="MMMenu1112210633_0"
    onmouseout="MM_menuStartTimeout(100);"
    > onmouseover="MM_menuResetTimeout();">
    > <a href="../message_director.cfm"
    id="MMMenu1112210633_0_Item_0"
    > class="MMMIFVStyleMMMenu1112210633_0"
    >
    onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
    > Director's Message
    > </a>
    > <a href="../mission.cfm"
    id="MMMenu1112210633_0_Item_1"
    > class="MMMIVStyleMMMenu1112210633_0"
    >
    onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
    > Our Mission
    > </a>
    > <a href="../history.cfm"
    id="MMMenu1112210633_0_Item_2"
    > class="MMMIVStyleMMMenu1112210633_0"
    >
    onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
    > Our History
    > </a>
    > <a href="../leadership_transiton.cfm"
    id="MMMenu1112210633_0_Item_3"
    > class="MMMIVStyleMMMenu1112210633_0"
    >
    onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
    > Leadership Transition
    > </a>
    > <a href="../pcl_organized.cfm"
    id="MMMenu1112210633_0_Item_4"
    > class="MMMIVStyleMMMenu1112210633_0"
    >
    onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
    > How PCL is Organized
    > </a>
    > <a href="../board_directors.cfm"
    id="MMMenu1112210633_0_Item_5"
    > class="MMMIVStyleMMMenu1112210633_0"
    >
    onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
    >
    Board of Directors and Officers
    > </a>
    > <a href="VideoNGO.cfm" id="MMMenu1112210633_0_Item_6"
    > class="MMMIVStyleMMMenu1112210633_0"
    >
    onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
    > See our promotional video</a>
    >
    > </div>
    > </div>
    >
    > I made this change in the html code of the page
    "main.dwt" which is my
    > main
    > template. It didnt give me an option to "save" though so
    it's like it
    > doesnt
    > recognize that I changed anything. I saved it anyway and
    uploaded but no
    > change
    > on the web.
    >

Maybe you are looking for

  • 10.5.8 to 10.6.2  with Vista to W7 upgade...can't upgrade to BC 3?

    Hi. I had a working 10.5.8/Vista system working just fine. Upgraded to 10.6.2, still worked fine. Installed Windows 7 Ultimate 32 bit over Vista (Quicken doesn't like 64 bit yet..), and it all still works! However, About BootCamp still says Ver 2.2,

  • In BPEL, how to create a SOAP fault?

    I am using JDeveloper 11.1.1.6. I need to send SOAP fault by setting faultstring, faultcode and faultactor. How can I define asoap fault and send?

  • Performance degradation in Data Integrator Designer with Multi-user mode

    Post Author: ccastrillon CA Forum: Data Integration We are developing an information system based on a DataMart populated with data using ETL processes built with Data Integrator. We are three people developing and when we work at the same time we be

  • Ctx.lookup to access Portal System in EP

    I have defined a new JDBC System in System Administration --> System Configuration on EP I want to be able to access it in a JSPDyn page. I know I can access a jdbc database via the JDBC Connector However I would like to take advantage of the UserMap

  • How to I install Adobe Flash for Mozilla Firefox on Ubuntu 11.04

    I have tried copying the Adobe 11 beta .so file to the plug-in file in the Mozilla folder, but it says I cannot change something I don't own. I have tried the 32 bit plug-in, useless. PLEASE DO NOT TELL ME TO DOWNLOAD THE PLUG-IN FROM THE UBUNTU SOFT