Need Help with DW 5.5 spry menu bars.

I was given an unopened/registered Creative Suite 5.5 a couple days ago so I installed it and got to work on a website for my upcoming business. I got the home page finished, and so i saved it as a template to use for the remaining pages. But as soon as I click "save" my horizontal Spry Menu Bar becomes vertical at the top of my page. If i click on the Spryhorizontalmenu.css a message appears at the top of the screen that says something along the lines of "spryhorizontalmenu.css is not stored on local disk Get" but it will not let me access the link for help and I have been stumped for days. This is my first webpage and any help for this newbee would be very much appreciated.if you have questions please ask!!!

If horizontal is turning vertical, I have a feeling what is happening is that when you publish it, it's not connected to any style sheet -- or you have the style sheets in the wrong order.
Remember, with CSS (Cascading Style Sheets) the last stylesheet trumps the earlier one. That's perfectly OK if there are no conflicts, but there may be some that can cause problems.
Thus, you'd be looking for:
<link href="styles.css" rel="stylesheet" type="text/css">
<link href="navigation.css" rel="stylesheet" type="text/css">
If navigation.css is first, styles.css may be rewriting your styles for your spry navigation.
Now, I'm going to throw you a curve. Spry has been discontinued and it "going away." I recommend you learn how to make your own navigation and Spry is usually used for drop-down navigation. You can do that in straight HTML and CSS.
Take a look at my last reply in this forum discussion for a bunch of pretty cool "do it yourself" navigation tutorials.

Similar Messages

  • Need help with installing Yahoo style flash menu CS5

    I downloaded the Yahoo style menu bar from the the available widgets.  I got the menu bar to show in Dreamweaver, but need help:
    I have trouble understanding how to use the f-source  flash editor to edit the links.
    I don't seem to be able to drop the  f-source.com button from the menu bar.
    The bar  shows up as a tiny bar in IE8, not as I had programmed it in the widget programmer.
    I was instructed to Insert ==> f-source menus ==> Edit menu in Dreamweaver.  Doing this leads to the following message: "Install at least one f-source menu'.  I did install the f-source-UI G file in the Adobe Extension Manager CS5.  What else needs to be installed?  
    My OS is Windows7 and I am working with Dreamweaver CS5.  Please help.
    Thanks,
    Tony Uythoven

    Flash menus (Flash navigation, period) is a terrible thing from a functional standpoint. It looks really nice, but the honeymoon ends there. As far as SEO goes, your entire site, beyond the landing page, is invisible. A search robot will only see an embeded Flash object.
    You have to ask yourself a basic question.
    1. What is the purpose of building a website and putting it online?
    If it's for your own personal enjoyment and nothing more, then a Flash menu may be for you. If it's for a business or band, or a political group or social group, and you want people to be able to find it in Google, Yahoo, Bing, etc. then you want as many indexible links as possible on your landing page so they will show up in related searches like schedules, articles, galleries, etc.

  • Windows 8.1 need help with Windows Updates and Start menu Or fix my old Windows Xp system

    My beloved windows Xp has gave up after many years of working well. It stopped working a few days ago after a lightening strike.
    I got this Windows 8.1 computer a few month ago  but it seems to have a problem. I stopped using it after could not get start menu to work and when back to my Windows XP system.
    First problem is the start menu is not there. I tried installing something and it says it will take control or something and screen goes black. I clicked canceled quickly in order not to get a virus.
    Where is the start menu?
    Second problem, Windows updates does not want to update because it needs Windows 8.1 update. This computer is already Windows 8.1. There I canceled it since it was mostly a virus. Now updates are not working.
    If those can not be fixed, how can i fix my Windows Xp to get it back. It does not turn on, I press button and nothing happens. Is this something easy to fix?

    Another user discovers that Windows 8.1 is not at all of what it should be.
    There is no Start Menu in Windows 8 or 8.1.  However, you can restore your desktop start menu with a very good freeware application: 
    Classic Shell
    Windows Update comes with Windows 8.1.  There is nothing special you have to do.
    It kind of sounds like you've been a bit too quick to download and run whatever you find on the Internet.  You should always research any software you're considering downloading/installing ahead of time.  Google it.  See what others say
    about it.  Ask on forums.  In order to use Windows effectively and safely you need to expand your knowledge and become a more sophisticated user.
    If you think your new system has become infected, you might want to consider Refreshing or Resetting it to a clean state, or at least visiting one of the anti-malware forums and getting some advice on cleaning it up.  But beware, a lot
    of "blind leading the blind" happens on forums.  Always try to read between the lines, and question what people say.
    You could consider leaving XP behind.  Its time has come and gone, and pretty much any newer version of Windows can actually give you better service than XP - once you get it tuned up.
    It's possible to make Windows 8.1 more functional than XP and about as functional as Windows 7, but it takes a fair bit of effort in reconfiguration and installation of some well-known 3rd party applications that are good (which, unfortunately, most
    on the internet are not).
    Good luck to you.
    -Noel
    Detailed how-to in my eBooks:  
    Configure The Windows 7 "To Work" Options
    Configure The Windows 8 "To Work" Options

  • Need help with strategy / positioning of horizontal menu buttons

    I have a preexisting template setup for a website.  In this template there is a div called actualcontent where data for the pages goes.  The navigation for the site lives to the left of the actualcontent div.  However, now I am at a point that I need to implement an additional navigation method for a small subset of the site.  I would like to insert about 7 links across the top of the actualcontent div that send people to other pages in the site.  I would like the link that is selected to have its rectangle background a different color than the rest of the links that are shown horizontally across the top.  How can this be done?  Would I use a div for each link?  How could I get them lined up at the same vertical height but spread horizontally across the top of the actualcontent div? 
    Positioning sometimes throws me for a loop.  What type of positioning would I use?  Would I use div's at all?  Any help or links to tutorials is appreciated.

    Without seeing what you have so far, I'm just tossing out a basic list menu that could go between your #header and #actualContent divisions.
    CSS:
    /**Top Menu Navbar**/
    #navlist {
         background-color:#CCCCFF;
         padding: 5px;
         margin-left: 0;
         font: bold 12px Verdana, sans-serif;
    #navlist li {
         list-style: none;
         margin: 0;
         border-top: 1px solid gray;
         display: inline;}
    #navlist li a {
         padding: 0.25em 0.5em 0.25em 0.75em;
         border-left: 1em solid #AAB;
         background: #CCD;
         text-decoration: none;}
    #navlist li a:link { color: #448; }
    #navlist li a:visited { color: #667; }
    #navlist li a:hover {
         border-color: #9933FF;
         color: #000;
         background-color:#D0E8FF}
    HTML:
    <!--Top Menu Navbar-->
    <ul id="navlist">
         <li><a href="#">Skip to Content</a></li>
         <li><a href="#">Item 1</a></li>
         <li><a href="#">Item 2</a></li>
         <li><a href="#">Item 3</a></li>
         <li><a href="#">Item 4</a></li>
    </ul> <!--end navlist -->
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    HTML Validator - http://validator.w3.org
    CSS Validator - http://jigsaw.w3.org/css-validator/
    Tutorials  - http://w3schools.com/

  • Newbie - need help with a SQL query for a bar chart

    Hi,
    I'm a new user on APEX with no real SQL knowledge and I'm trying to build a dashboard with charts into an existing APEX application. Based on another application, I have come up with the following SQL code:
    select null link
    , CATEGORY label
    , count (decode(PROJECT_STATUS,'1',PROJECT_ID))"Active"
    , count (decode(PROJECT_STATUS,'2',PROJECT_ID))"Complete"
    , count (decode(PROJECT_STATUS,'3',PROJECT_ID))"On Hold"
    , count (decode(PROJECT_STATUS,'4',PROJECT_ID))"Pipeline"
    , count (decode(PROJECT_STATUS,'5',PROJECT_ID))"Pending Review"
    from GRAPO_PROHEADTRK
    where (PROJECT_STATUS='1' or PROJECT_STATUS='2' or PROJECT_STATUS='3' or PROJECT_STATUS='4' or PROJECT_STATUS='5' or PROJECT_STATUS='6')
    group by CATEGORY
    Order by COUNT(PROJECT_ID) DESC
    The code from the other app was:
    select null link
    , FUNCTIONAL_AREA label
    , count (decode(PROJECT_STATUS,'Active',PROJECT_ID))"Active"
    , count (decode(PROJECT_STATUS,'Complete',PROJECT_ID))"Complete"
    , count (decode(PROJECT_STATUS,'On Hold',PROJECT_ID)) "On Hold"
    , count (decode(PROJECT_STATUS,'Recurring',PROJECT_ID))"Recurring"
    , count (decode(PROJECT_STATUS,'Pipeline',PROJECT_ID))"Pipeline"
    , count (decode(PROJECT_STATUS,'Not Approved',PROJECT_ID))"Not Approved"
    from PM_V2
    where LOB='S2S' and (FUNCTIONAL_AREA='Accounts Payable' or FUNCTIONAL_AREA='Expense' or FUNCTIONAL_AREA='Procurement' or FUNCTIONAL_AREA='Fixed Assets')
    group by FUNCTIONAL_AREA
    Order by COUNT(PROJECT_ID) DESC
    I'm getting a "Failed to parse SQL query!" error when I try to run validation.
    Is this enough info for some assistance? Any help would really be appreciated.
    Thanks,
    Rachel

    Hello,
    This is more of an SQL question, rather than specifically APEX-related. It's notable that you say: I'm a new user on APEX with no real SQL knowledgeWhich is fine (we all have to start somewhere, afterall) but it might be worth de-coupling the problem from APEX in the first instance. I'd also strongly recommend either taking a course, reading a book (e.g. http://books.google.co.uk/books?id=r5vbGgz7TFsC&printsec=frontcover&dq=Mastering+Oracle+SQL&hl=en#v=onepage&q=Mastering%20Oracle%20SQL&f=false) or looking for a basic SQL tutorial - it will save you a whole lot of heartache, I promise you. Search the oracle forums for the terms "Basic SQL Tutorial" and you should come up with a bunch of results.
    Given that you've copied your query template from another, I would suggest ensuring that the actual query works first of all. Try running it in either:
    * SQL Editor
    * SQL*Plus
    * an IDE like SQL Developer (available free from the OTN: http://www.oracle.com/technetwork/developer-tools/sql-developer/downloads/index.html ) or TOAD or similar.
    You may find there are syntax errors associated with the query - it's difficult to tell without looking at your data model.
    select null link
    , CATEGORY label
    , count (decode(PROJECT_STATUS,'1',PROJECT_ID))"Active"
    , count (decode(PROJECT_STATUS,'2',PROJECT_ID))"Complete"
    , count (decode(PROJECT_STATUS,'3',PROJECT_ID))"On Hold"
    , count (decode(PROJECT_STATUS,'4',PROJECT_ID))"Pipeline"
    , count (decode(PROJECT_STATUS,'5',PROJECT_ID))"Pending Review"
    from GRAPO_PROHEADTRK
    where (PROJECT_STATUS='1' or PROJECT_STATUS='2' or PROJECT_STATUS='3' or PROJECT_STATUS='4' or PROJECT_STATUS='5' or PROJECT_STATUS='6')
    group by CATEGORYNote that your "order by" clause references a field called "PROJECT_ID", which exists in the old query but you've changed other similar references to "PROJECT_STATUS" - is it possible you've just missed this one? The perils of copy-paste coding I'm afraid...

  • Problem with spry menu bar position:fixed?

    Hello technical heros,
    I'm having trouble with my website's spry menu bar... here is the site.
    As you can see, when you scroll down, the spry menu overlaps the header fixed block, which the rest of the content smoothly scrolls under. How do I tell the spry object to do the same?
    I also want the sidebar 2 (menu bar) to be a fixed block like my header and footer. I know how to do this, but when I change the css, it throws my spry menu over to the left of the page, ontop of my sidebar 1.
    Help, please!!

    Hi,
    Have a look here: http://www.w3schools.com/Css/css_positioning.asp
    I hope this helps.
    Ben

  • 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 my SPRY MENU BAR***

    Hi everyone,
    I have installed a Horizontal and Vertical Spry Menu Bar.
    It looks great, but I can not figure this out.
    When I click on any of the links on the bars,
    my text jumps to the righ
    Can someone please tell me how I can make
    the text to stop jumping.
    My test page is located at the link below:
    http://www.tonyasdynamicdesigns.com/gregs-pages/index.html
    Thank you so much for your help,
    Tonya

    I know that the problem is in my main-css.css because
    when I deleted this css code, the text jumping stopped.
    I can not figure out how to fix my main-css.css style.
    Can you please help me?
    Below is part of my css code
    that is causing the problem.
    body {
              background-color: #000000;
              background-repeat: repeat;
              background-image: url(.../gregs-images/bg.jpg);
              background-position: center;
              background-attachment: fixed;
    #container {
              width: 965px;
              fixed-width: 965px;
              background-color: #1f1f1f;
              margin-right: auto;
              margin-left: auto;
              font-size: 12px;
              color: #afafaf;
              font-family: Arial, Helvetica, sans-serif;
              font-style: normal;
              line-height: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              text-decoration: none;
              border: 2px solid #1f1f1f;
              margin-bottom: 30px;
              margin-top: 30px;
              background-image: url();
              background-repeat: repeat;
    #shadow {
              width: 968px;
              background-image: url(.../images/vertical-website-background-shadow.png);
              background-repeat: repeat-y;
              margin-right: auto;
              margin-left: auto;
    #bottomShadow {
              margin-right: auto;
              margin-left: auto;
              width: 968px;
              background-repeat: no-repeat;
              background-image: url(.../images/bottom-website-background-shadow.png);
              height: 54px;
    #header {
              height: 272px;
              background-image: url(../gregs-images/smokehouse-studios-banner.png);
              width: 965px;
    #footer {
              height: 381px;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 12px;
              clear: both;
    #navigation  {
              width: 900px;
              fixed-width: 900px;
              background-color: #1f1f1f;
              display: in-line;
              position: fixed;
              overflow: hidden;
    #content  {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 14px;
              color: #afafaf;
              background-repeat: repeat;
              background-image: url(.../gregs-images/grey-gradient-bg.png);
              background-color: #1f1f1f;
              text-align: left;
              width: 965px;

  • Problems with my spry menu bar, need help

    i made a spry menu bar, and it works on my computers at my house and my computers at school, but on other computers the home page menu bar is in the middle of the page (not on the left side) and on the other pages the menu bar submenus dont go out to the side of that button, its hard to explain but the "designs" button has a sub menu that is supposed to go out to the side of it but it goes out to the side at the top!.. please look at it for me...?
    www.branchoutadvertising.com
    Linda

    i made a spry menu bar, and it works on my computers at my house and my computers at school, but on other computers the home page menu bar is in the middle of the page (not on the left side) and on the other pages the menu bar submenus dont go out to the side of that button, its hard to explain but the "designs" button has a sub menu that is supposed to go out to the side of it but it goes out to the side at the top!.. please look at it for me...?
    www.branchoutadvertising.com
    Linda

  • Help with vertical spry menu bar submenu displaying incorrectly!

    I’m new to Dreamweaver and am learning as I go. I am having a problem with the vertical spry menu bar submenu in the Live View. When I scroll over the spry menu bar option that has a submenu, the submenu appears in the upper right hand corner of my screen. (My menu bar is going down the left hand side.) However, when I preview it in Internet Explorer it looks fine after I allow the Java Script to run or the Active X controls, which my browser usually automatically blocks. (The browser just displays a small message along the top and I click on it to allow it.) To get it to do this much, I had to play around with the CSS for the spry menu bar a little bit.
    Before, when I clicked on the Live View option, a small message ran along the top in Dreamweaver saying it couldn’t find the Flash Plugin and asked me to download the most recent FlashPlayer, which I did twice. It continued to say that and then I just closed that message that kept popping up, but I think that has something to do with the problem. I then researched that problem in the Spry Framework Help and Dreamweaver Help, but couldn’t find a solution that worked. (Someone had posted a link for downloading the Flash Player for Netscape Navigator, but that didn’t seem to do anything.)
    Please also note that I am using one of Dreamweaver’s pre-built layouts. I don’t know if that makes a difference with this problem.
    How do I fix this problem so that it displays correctly in the LiveView? And will the message that I get on my browser about allowing blocked content appear on other people’s computer when they open my website?

    IE is a big problem child among browsers.  Don't use it as your default browser.
    For best results, build your site to display & perform well in the web standards browsers like Firefox, Chrome, Safari & Opera.   If it works in one, it should work pretty much the same in all of them.
    After you're satisfied with how your site looks in the good browsers, then test in IE.  If needed, add hacks or conditional comments to make IE behave.  There are many web sites that discuss known bugs in IE and how to work around them.
    Lastly, the active X nag screens only appear locally.  Once deployed on the remote server, you won't see them.
    For better answers to your layout questions, we need to see your page.  Can you post a URL?
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Help with spry menu bar in liquid layout

    I need help getting a spry menu bar with a 6-item list to stay in place in a liquid layout.  Trying to get it horizontally under the header image.  I am new to web design (new to html and code: reading books, searching web, and doing tutorials for many hours now), using CS4, working on a mac.  You can view my trial page on cc-tn.com.  I would appreciate any help offered!

    Problem stems from the fact that your page is looking for files contained on your local hard drive instead of the web site.
    <script src="file:///Macintosh HD/Users/Allison/CC Web/Templates/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="file:///Macintosh HD/Users/Allison/CC Web/Templates/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    In addition, the links to PDF files are pointing to your local hard drive.
    p><a href="file:///Macintosh HD/Users/Allison/CC Web/Documents/Foundations_one-page_green.pdf">Foundations</a> is a grammar-stage program for students K4 through sixth grade. Parents attend morning classes with their children as trained tutors model the tools of learning facts from a variety of interesting subjects. Students also participate in  science and fine arts projects and practice public speaking each week.</p>
        <p><a href="file:///Macintosh HD/Users/Allison/CC Web/Documents/Essentials-One-page.pdf">Essentials</a> is a dialectic-stage program for students in third through sixth grade. Trained tutors model the dialectic tools of learning in English grammar, writing, and math drills. Emphasis is placed on the development of writing skills that will enable students to become effective communicators through the written word. Classes meet in the afternoon following lunch.</p>
        <p><a href="file:///Macintosh HD/Users/Allison/CC Web/Documents/Challenge_one-page.pdf">Challenge A &amp; B</a> are dialectic-stage programs for seventh and eighth graders. Emphasis is placed on group discussion as students become more independent learners. Students focus on logic and debate.</p>
    Did you define a local site folder in DW before you began this project?  Without this critical first step, DW cannot correctly manage assets for you.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Help with Spry Menu Bar 2.0 (vers. 1.0) - Placement of customized styles files

    Hello:
    I would like to congratulate the authors of the new Spry Menu Bar Framework 2.0 (vers. 1.0) -- it has truly been an advance and over the previous generation, and is much more user friendly for those without extensive knowledge of the spry framework.  I have also appreciated the tutorial created by David Powers that is found on the Adobe labs site, and find that it has been very helpful.
    However, I do have one general question that I would seek some clarification before completing the task of deploying the widget in its final form.  I have gone beyond the tutorial insofar as I have customized the styling to allow me to use background images for the menus and submenus in both static and hover states.  I have also gone directly (with add of the tutorial) to work on my own site rather than recreating the bayside tutorial.  I know have my styles embedding into a template page (.dwt).
    My question is whether those styles embedded in the head of the template page should be transferred to a separate styles page and attached (or possibly included in the styles page that handles the CSS for the layout aspects of my site), or whether it should overwrite the styles included in the basic styles skin for the widget.  The latter seems the most likely answer, as many of the classes are for the same names as those in my template page, but have different (and conflicting settings).  However I wanted to make certain of this before proceeding.
    Once again let me thank those responding to this query in advance for the helpful tips I have received along the way, and that will likely follow this post.
    I could post the css and the html with this querry, but I hope I have explained the question well enough that a general response will be all that I need.
    Thanks again for the help.
    Steve Webster

    Thanks for your helpful response.
    I had already tried the various options (overwriting basic styles, skins, etc) and quickly learned to back track as they were definitely not the answer to the question I posed.  I then included them in the customized style sheet for the entire site and clearly de-marked them as styles governing the spry menu widget 2.0 (1.0) with the warning that future developers working on the site should use care in amending them, and warning that they be remain included in the general styles file.
    I was going to indicate in response to my own query that this seemed to be the best practice, but your response confirmed what I had learned.
    Thanks once again for your helpful advice and intervention.
    Steve Webster.

  • Help with a Spry Menu Bar

    I'm having trouble with a Spry Menu Bar not displaying
    correctly in Internet Explorer, while it displays fine in every
    other browser I have available. I've done some searching on these
    boards, but the queries I've found with the same type of problem
    each has a knowledgeable person editing the code for the
    poster...and I can't seem to make heads or tails of it.
    So, below is my link. What you'll see if viewed in Explorer
    is that the "Clinics" listing and the "Services & Specialties"
    listing are each on the same horizontal line, rather than vertical
    like the rest of the menu. If anyone can help me in correcting this
    problem, I'd be very appreciative.
    Thanks in advance.
    http://www.chambershospital.com/temp/about.html

    Hello,
    You might try removing all of the <div> tags you
    inserted in the menu.
    This can happen if you select text in design view and use the
    "align" icons
    in the properties window instead of using CSS to align
    things.
    For example:
    <li>
    <div align="left"><<****REMOVE THIS
    <a href="clinics.html"
    class="MenuBarItemSubmenu">Clinics</a>
    <ul>
    <li><a href="clinic.html">Chambers
    Clinic</a></li>
    <li><a href="clinic7.html">Scenic 7
    Clinic</a></li>
    </ul>
    </div><<*** REMOVE THIS
    </li>
    So it looks like this:
    <li><a href="clinics.html"
    class="MenuBarItemSubmenu">Clinics</a>
    <ul>
    <li><a href="clinic.html">Chambers
    Clinic</a></li>
    <li><a href="clinic7.html">Scenic 7
    Clinic</a></li>
    </ul>
    </li>
    Repeat for all the other <div align="left"> and
    </div> tags in the menu.
    Take care,
    Tim
    "Zim74" <[email protected]> wrote in message
    news:fv4vc0$r0t$[email protected]..
    > I'm having trouble with a Spry Menu Bar not displaying
    correctly in
    > Internet
    > Explorer, while it displays fine in every other browser
    I have available.
    > I've
    > done some searching on these boards, but the queries
    I've found with the
    > same
    > type of problem each has a knowledgeable person editing
    the code for the
    > poster...and I can't seem to make heads or tails of it.
    >
    > So, below is my link. What you'll see if viewed in
    Explorer is that the
    > "Clinics" listing and the "Services & Specialties"
    listing are each on the
    > same
    > horizontal line, rather than vertical like the rest of
    the menu. If
    > anyone can
    > help me in correcting this problem, I'd be very
    appreciative.
    >
    > Thanks in advance.
    >
    >
    http://www.chambershospital.com/temp/about.html
    >
    >

  • CS4 Help with spry menu bar. Want Top Centered and Subs left-justified.

    Hi there, using DW8 mostly, but have the trial version of CS4
    for the spry menu bar. WinXP.
    Can someone help me with the spry menu bar on this page? I'd
    like the main menu to be centered, as it looks better for
    appearance, and the sub menus to be left-justified.
    http://www.manmeetswoman.com/example4.html
    But I can't seem to do that, if I make the main menu
    centered, it seems to override the submenus even if I make a class
    just for the submenu to be left-justified.
    Am I doing something wrong or is this not possible?
    And the menu bar looks horrific in IE6. I assume it looks ok
    in IE7 and above. Can someone help me with a code just for IE6 for
    this?

    audio90 wrote:
    Not quite what I was looking for. I'm wanting the top menu to be grouped together and to the right and the submenu boxes to all a single square box, not just with backgrounds extending only the length of the word. Also, your menu bar doesn't display properly in IE6 either.
    1) You should be able to achieve a square box for your submenu items by fixing the widths of all of your submenu items to something larger than the content of your widest submenu <li> tag.  This should be achievable with a single change of setting in the following CSS rule.
    ul.MenuBarHorizontal ul li {
         width:???em;
    Set your width using em units, so that the box shrinks and grows with the size of the text when the latter is changed by the user.
    2) Getting your top menu items to group together to the right may be more difficult as the entire menu bar is built on an HTML list structure with left-floated <li> tags.  If it is possible, then you should begin your experimentation with the following CSS rule
    ul.MenuBarHorizontal li {
         float:right;
    Change the float property from left to right, as I have indicated.
    My suspicion, however, is that many subsequent adjustments will have to be made.  So, back up your current CSS file before you begin.
    Roddy

  • 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.

Maybe you are looking for