Spry menu updating through template

I've created a number of pages based on templates that I designed. The templates use a horizontal spry menu. Now I want to hook everything up. But when I update the spry menu in the template it has no affect on the template based pages. When I save the template with the changes, I get the dialog box asking me if I want to update all the pages based on the template. So I say yeah update all of the selected files. But it doesn't update them. What am I missing? I had some issues removing the mark of the web code from the template. I got a message saying that changes to the template would no longer appear on child pages (or something similar). Could this be my problem?

Beth,
Thanks for asking. I have a couple of display issues that deal with spry data sets and a flash photo gallery, but those I can't resolve until I actually publish the site and can verify that the problem exists when viewed live. That way I can also link to the problem so others can see the issue. Those are display issues. The other issue is also a display issue, but it's one that I need to solve before I can publish my site.
I have started a discussion on this problem in the Dreamweaver forum, but since I still have the issue, I hope it's okay if I post here as well. The issue deals with a horizontal spry menu.
I have a page that displays a youtube video. It sits under the horizontal menu. When you try to select something from the drop down menu, the menu appears behind the youtube video (the links are hidden) and can't be selected. Someone on the Dreamweaver site checked out the link I provided and said that they didn't have any problems using Firefox. But I still can't see the menu with IE8 or Safari. Here's the link:
http://www.emiliocorsetti.com/publish/boot.html
That same person on the Dreamweaver forum suggested that I put the video in a div and give it a z-index. I tried that, but I'm really not sure what value to enter. The menubar has several z-index values ranging from 1000 to 1020. So I've tried the following values 900, 980, 990, 1030, 1040. No luck.
Emilio

Similar Messages

  • Spry menu bar in template

    Hi,
    I'm new to dreamwever, but since it is really user friendly I
    already achived a lot.
    But I have a problem with the spry menu bar. What I want is
    the following.
    I have a template on which I want to place my spry menu on.
    That's what's already is working.
    The next thing I want is to have the backgroundcolor of the
    menuitems changed per page I created based on the template. Herefor
    I want to change the CSS. But since I placed the spry menu in the
    template I can't touch the CSS rule and so change anything in the
    CSS.
    My first thought was to place the menu in an editable region,
    but unfortunalty you can't place a spry widget in a editable
    region.
    Who can help me figer out what to do.
    Thanks in advance.
    Lesley

    <link href="assets/SpryAssets/SpryMenuBarHorizontal.css"
    rel="stylesheet"
    type="text/css" />
    This file is completely editable. That's where you would make
    the changes
    to the Spry menu's stying.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "lesleyudw" <[email protected]> wrote in
    message
    news:[email protected]...
    > No, it's not working for me. I can't touch the CSS, I
    attached the code
    > I'm
    > talking about. When I have this open in dreamweaver cs3
    then I can't
    > change
    > anything to the assests CSSline
    >
    > <!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"><!--
    InstanceBegin
    > template="/Templates/Index.dwt"
    codeOutsideHTMLIsLocked="false" --><head>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    > <!-- InstanceBeginEditable name="doctitle" -->
    > <title>Mendoline | Home</title>
    > <!-- InstanceEndEditable -->
    > <style type="text/css">
    > <!--
    > body {
    > background-image: url(assets/images/confetti1.jpg);
    > }
    > -->
    > </style>
    > <!-- InstanceBeginEditable name="head" --><!--
    InstanceEndEditable -->
    > <link href="assets/style.css" rel="stylesheet"
    type="text/css" />
    > <script src="assets/SpryAssets/SpryMenuBar.js"
    > type="text/javascript"></script>
    > <link
    href="assets/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet"
    > type="text/css" />
    > </head>
    > <body>
    > <div class="transparant">
    > </div>
    > <div class="container">
    > <div class="header">
    > <img src="assets/images/headergif.gif" width="658"
    height="143" />
    > </div>
    > <div class="menu">
    > <ul id="MenuBar1" class="MenuBarHorizontal">
    > <li><a href="index.html">Home</a>
    </li>
    > <li><a href="wiezijnwij.html">Wij zijn
    wij</a></li>
    > <li><a href="#"
    class="MenuBarItemSubmenu">Entertainment</a>
    > <ul>
    > <li><a
    href="heksenact.html">Heksenact</a></li>
    > <li><a href="#">The Dutch
    Way</a></li>
    > <li><a href="#">Sport en
    Spel</a></li>
    > <li><a href="#">Popenkast
    theater</a></li>
    > </ul>
    > </li>
    > <li><a
    href="organisatie.html">Organisatie</a></li>
    > <li><a
    href="gastenboek.html">Gastenboek</a></li>
    > <li><a
    href="contact.html">Contact</a></li>
    > </ul>
    > </div>
    > <div class="content">
    > <h1>
    > <!-- InstanceBeginEditable name="ContentHeading"
    -->Home<!--
    > InstanceEndEditable -->
    > </h1>
    > <!-- InstanceBeginEditable name="Content" -->
    > <p>This is the home page.</p>
    > <!-- InstanceEndEditable -->
    > </div>
    > </div>
    >
    > <script type="text/javascript">
    > <!--
    > var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
    > {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif",
    > imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    > //-->
    > </script>
    > </body>
    > <!-- InstanceEnd --></html>
    >

  • Spry menu editing in template

    I am a newbie to DW CS3 and have been searching for an answer
    in the forum to why I cannot select and edit my Spry navigation
    menu now that it resides in the template file. When I go to edit
    the template and click on where the Spry bar is, all I get is the
    first menu item outlined in blue and no Spry editor in the
    Properties menu. What am I missing here?

    Thanks for the reply Murray. Being new to the forum, I will
    not attempt to attach the file/code for you to see.
    <!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>Research Mannikin</title>
    <!-- TemplateEndEditable -->
    <link href="../twoColLiqLtHdr.css" rel="stylesheet"
    type="text/css" />
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional
    comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout
    it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script src="../SpryAssets/SpryMenuBar.js"
    type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarVertical.css"
    rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    .style1 {color: #FFFFFF}
    -->
    </style>
    <!-- TemplateBeginEditable name="head" --><!--
    TemplateEndEditable -->
    </head>
    <body class="twoColLiqLtHdr">
    <div id="container">
    <div id="header">
    <table width="637" border="0">
    <tr>
    <td width="283"><img src="../rmlogo.gif" alt="RM
    logo" width="283" height="100" /></td>
    <td width="344"><h1 align="right"><span
    class="style1">1-800-826-0654</span></h1></td>
    </tr>
    </table>
    <!-- end #header -->
    </div>
    <div id="sidebar1">
    <ul id="MenuBar1" class="MenuBarVertical">
    <li><a href="#">Home</a> </li>
    <li><a href="#">Online
    Store</a></li>
    <li><a class="MenuBarItemSubmenu"
    href="#">Specials</a>
    <ul>
    <li><a href="#">Best Buys</a> </li>
    <li><a href="#">Custom
    Orders</a></li>
    </ul>
    </li>
    <li><a href="#">Shipping
    Information</a></li>
    <li><a href="#">Request a
    Catalog</a></li>
    <li><a href="#" class="MenuBarItemSubmenu">About
    Us</a>
    <ul>
    <li><a href="#">History</a></li>
    <li><a href="#">Artists</a></li>
    </ul>
    </li>
    <li><a href="#"
    class="MenuBarItemSubmenu">Reference</a>
    <ul>
    <li><a href="#">Information
    Sheets</a></li>
    <li><a href="#">Paint
    Schedules</a></li>
    <li><a href="#">Measurement
    Charts</a></li>
    <li><a href="#">Articles</a></li>
    <li><a href="#">Videos</a></li>
    <li><a href="#">Links</a></li>
    </ul>
    </li>
    <li><a href="#"
    class="MenuBarItemSubmenu">Contact Us</a>
    <ul>
    <li><a href="#">Ask the
    Expert</a></li>
    <li><a href="#">Have mount
    photos?</a></li>
    <li><a href="#">Contact
    Information</a></li>
    </ul>
    </li>
    <li><a href="#">Hunting
    Tales</a></li>
    </ul>
    <!-- end #sidebar1 -->
    </div>
    <div id="mainContent"><!-- TemplateBeginEditable
    name="Body" -->
    <h1> Main Content </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
    elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla
    fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,
    fermentum id, molestie in, commodo porttitor, felis. Nam blandit
    quam ut lacus. Quisque ornare risus quis ligula. Phasellus
    tristique purus a augue condimentum adipiscing. Aenean sagittis.
    Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,
    odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse
    potenti. Fusce varius urna id quam. Sed neque mi, varius eget,
    tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut
    nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu,
    pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi,
    eleifend sollicitudin, molestie id, varius et, nibh. Donec nec
    libero.</p>
    <h2>H2 level heading </h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
    elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla
    fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,
    fermentum id, molestie in, commodo porttitor, felis. Nam blandit
    quam ut lacus. Quisque ornare risus quis ligula. Phasellus
    tristique purus a augue condimentum adipiscing. Aenean sagittis.
    Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,
    odio.</p>
    <!-- end #mainContent -->
    <!-- TemplateEndEditable --></div>
    <!-- This clearing element should immediately follow the
    #mainContent div in order to force the #container div to contain
    all child floats --><br class="clearfloat" />
    <div id="footer">
    <p align="center">All rights reserved. &copy;2008
    Research Mannikins, Inc.</p>
    <!-- end #footer --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
    {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

  • Master / Template Spry Menu?

    I am new to Dreamweaver, teaching myself through online tutorials and have faired pretty well until now.
    I have been building a website as a digital porfolio and now that I have more pages, managing the spry menu I initally created is becomeing more difficult.
    So far, every time I add a page I update the spry menu bar on the main page, then copy and paste it onto all the pages that have the same menu and then re-upload every page to the internet. (Very Tedious)
    I would like to create a master or template spry menu bar, that I can update that will automaticlly update on all pages using the same menu.
    All the tutorials I have found have been on how to crate and poupulate the menu, so if someone could dirrect me to a tutorial more fit for what I'm trying ot achieve, I owuld be greatly appreciative.
    If you like you can look at hte menubar I am refferign to at http://mgarito.com/Portfolio/Portfolio.html (only the tabs Graduate and Undergard have been populated with data thus far)

    Heya Michael,
    It may be that you're not using the correct file directory to point to your include file. If MenuBar.php is in the root of your site and the include is in a different directory you may have to insert the include with preceding ../ to point to the include file in a higher directory.
    <?php include("../../spry_menu.php"); ?>
    Also in MenuBar.php insert only the spry menu code not the doctype, head, body, etc. what I'd do is put the head js and css in the pages you have the menu bar and just put this in MenuBar.php
    <ul id="PortfolioMenuBar" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="http://mgarito.com/Portfolio/Graphic/PlexiPlates/PlexiPlates.html">Graduate</a>
          <ul>
            <li><a href="http://mgarito.com/Portfolio/Graduate/TransbayHSR/TransbayHSR.html">Transbay HSR</a></li>
            <li><a href="http://mgarito.com/Portfolio/Graduate/Firefly/Firefly.html">Firefly</a></li>
            <li><a href="http://mgarito.com/Portfolio/Graduate/Gem/Gem.html">Gem</a></li>
            <li><a href="http://mgarito.com/Portfolio/Graduate/LiveWork/LiveWork.html">Live / Work</a></li>
          </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Undergrad</a>
          <ul>
            <li><a href="http://mgarito.com/Portfolio/Undergraduate/NYC/NYC.html">NYC Gateway</a></li>
            <li><a href="http://mgarito.com/Portfolio/Undergraduate/ReadingRoom/ReadingRoom.html">Reading Room</a></li>
            <li><a href="http://mgarito.com/Portfolio/Undergraduate/AfricanArtMuseum/AfricanArtMuseum.html">African Art Museum</a></li>
            <li><a href="http://mgarito.com/Portfolio/Undergraduate/DoorWindowStair/DoorWindowStair.html">Door Window Stair</a></li>
          </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Lighting</a>
          <ul>
            <li><a href="#" class="style8">Welded Wire Lamp</a> </li>
            <li><a href="#">Tower Lamps</a></li>
            <li><a href="#">Cantilever Lamp</a></li>
          </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Furniture</a>
          <ul>
            <li><a href="http://mgarito.com/Portfolio/Furniture/Easel/Easel.html">Easel</a></li>
          </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Fashion</a>
        <ul>
          <li><a href="http://mgarito.com/menubartest2.php">Accessories</a></li>
          <li><a href="http://mgarito.com">Clothing</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Graphic</a>
          <ul>
            <li><a href="http://mgarito.com/Portfolio/Graphic/PlexiPlates/PlexiPlates.html">Plexi Plates</a></li>
            <li><a href="http://mgarito.com/Portfolio/Graphic/Pastel/Pastel.html">Pastel</a></li>
          </ul>
      </li>
    </ul>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("PortfolioMenuBar", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>

  • Spry menu bar won't update when published

    I am building a dreamweaver webpage though a template.
    for some reason it will not change the spry menu bar to update the changes made to the links on it.
    that and the links won't work on the website (i uploaded it to a test website).
    I am not sure if it is the same problem.
    I changed the links from site to document relative.
    I also checked the codes in http://validator.w3.org/check and http://jigsaw.w3.org/css-validator/ .
    I also read this link and it didn't help me http://helpx.adobe.com/dreamweaver/kb/paths-dreamweaver-templates.html .
    Can someone help please!
    Thank you

    I am not sure why that will not upload to the site correctly.
    I am uploading to a godaddy server. Is there a way I should be saving things (links and such) that I might be doing wrong? am I naming my links incorrectly? how do I make them so they will work once uploaded.
    I followed the suggestions that you made and it looks like it is there but for somereason when i preview the page in a browser or live view the background image (parchment) doesn't show up on the screen.and the spry menu bar only comes up as an unordered list.  I am not sure what would be causing this.
    I have attached the code for 2 pages the first is the code of the  template test file you suggested I make and the second is the code for the education connection page (this is a page that was made from the template and the background image is not working-i had this problem before but i thought it was fixed as the website has it fixed when i published it)
    TEST SITE:
    <!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"><!-- InstanceBegin template="file:///C|/Users/james/Documents/DREAMWEAVER SITES/JanKardys.com/Templates/Main_sitepage_template.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Jan Kardys' Literary Agency</title>
    <!-- InstanceEndEditable -->
    <style type="text/css">
    #header {
        float: left;
        width: 1000px;
    #Menu_bar {
        float: left;
        width: 190px;
    #Page_Content {
        float: right;
        width: 1000px;
        font-family: "MS Serif", "New York", serif;
    #footer {
        float: left;
        width: 1000px;
    #Main_content {
        float: left;
        width: 395px;
        padding-left: 100px;
    #xtra_content {
        float: right;
        width: 395px;
        padding-right: 100px;
        font-family: "MS Serif", "New York", serif;
    #container {
        width:  1000px;
        margin: 0 auto;
        background-image: url(file:///C|/Users/james/Documents/DREAMWEAVER SITES/JanKardys.com/Images/Parchment.gif);
        overflow: hidden;
    #header_title {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #0C3;
        float: left;
    #header_menubar {
        float: right;
    </style>
    <style type="text/css">
    body {
    </style>
    <script src="/js/enhance.js" type="text/javascript"></script>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryDOMUtils.js"" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2466548" binding="#OAWidget" />
      <oa:widget wid="2141544" binding="#MenuBar" />
    </oa:widgets>
    -->
    </script>
    <link href="/css/basic.css" rel="stylesheet" type="text/css" />
    <link href="/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
        these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
         These assume the following widget classes for menu layout (set in a preset)
        .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
        .MenuBarVertical - vertical main bar; all submenus are pull-right.
        You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
        They only apply to horizontal menu bars:
            MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
            MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
            MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
            MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                            and centered in its parent container.
            MenuBarFullwidth - Grows to fill its parent container width.
        In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
        with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
        there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
        background-color:transparent;   
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                    MenuItem, and MenuItemLabel
                                                    at a given level all use same definition for ems.
                                                    Note that this means the size is also inherited to child submenus,
                                                    so use caution in using relative sizes other than
                                                    100% on submenu fonts. */
        font-weight: normal;
        font-size: 16px;
        font-style: normal;
        padding:0;   
        border-color: #ffffff #ffffff #ffffff #ffffff;
        border-width:0px;
        border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
        display:none;
    .MenuBarLeftShrink {
        float: left; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarRightShrink {
        float: right; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarFixedLeft {
        float: left;
        width: 80em;
    .MenuBarFixedCentered {
        float: none;
        width: 80em;
        margin-left:auto;
        margin-right:auto;
    .MenuBarFixedCentered br {
        clear:both;
        display:block;
    .MenuBarFixedCentered .SubMenu br {
        display:none;
    .MenuBarFullwidth {
        float: left;
        width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
        padding: 0px 0px 0px 0px;
        margin: 0;     /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                    For most items, we have to do top or bottom padding or borders only on the MenuItem
                    or a child so we keep the entire submenu tiled with items.
                    Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
        padding: 0px 0px 0px 0px;
        background-color:transparent;   
        border-width:1px;
        border-color: #cccccc #ffffff #cccccc #ffffff;
        border-style: none solid none solid;
    #MenuBar  .MenuItemFirst {
        border-style: none none none none;
    #MenuBar .MenuItemLast {
        border-style: none solid none none;
    #MenuBar  .MenuItem  .MenuItemLabel{
        text-align:center;
        line-height:1.4em;
        color:#33ff66;
        background-color:transparent;
        padding: 6px 15px 6px 15px;
        width: 10em;
        width:auto;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
        width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 14px;
        font-style: normal;
        background-color:transparent;
        padding:0px 2px 0px 0px;
        border-width:1px;
        border-color: #cccccc #cccccc #cccccc #cccccc;
        /* Border styles are overriden by first and last items */
        border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
        border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
        padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
        border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
        padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
        text-align:left;
        line-height:1em;   
        background-color:transparent;
        color:#00ff33;
        padding: 6px 5px 6px 5px;
        width: 7em;
        width:auto;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
        background-color: transparent;
        border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
        background-color: transparent; /* consider exposing this prop separately*/
        color: #000000;
    #MenuBar .MenuItemHover .MenuItemLabel{
        background-color: transparent;
        color: #000000;
    #MenuBar .SubMenu .MenuItemHover {
        background-color: transparent;
        border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
        background-color: transparent;
        color: #333333;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
        background-color: transparent;
        min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
        border-color: #ffffff #ffffff #ffffff #ffffff;
        border-width:0px;
        border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
        top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
        left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                        and your personal taste.
                        0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                        on MenuItemContainer and MenuItem on the parent
                        menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                        the dropdown with the left of the menu item label.*/
        z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
        top: 0px;   
        left:100%;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
        background-color: transparent;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
        top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                    vertically 'centered' on its invoking item */
        left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                    to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
        background-color: transparent; /* consider exposing this prop separately*/
        color: #000000;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
        background-color: transparent; /* consider exposing this prop separately*/
        color: #333333;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
        margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    /* EndOAWidget_Instance_2141544 */
    </style>
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id= "container">
    <div id="header">
      <div id="header_title"><h1>Jan kardy's Literary Agency</h1></div>
      <div id="header_menubar">
    </li>
        </ul>
        <!-- InstanceBeginEditable name="menubar_region" -->
        <ul id="MenuBar">
          <li> <a href="file:///C|/Users/james/Documents/DREAMWEAVER SITES/JanKardys.com/index.html">Home</a></li>
          <li> <a href="file:///C|/Users/james/Documents/DREAMWEAVER SITES/JanKardys.com/about_jankardys.html">About Jan Kardys</a></li>
          <li> <a href="#">Resources</a>
            <ul>
              <li> <a href="/Education_connection.html">Education Connection</a></li>
              <li> <a href="/submission_guidelines.html">Submission Guidelines</a> </li>
              <li> <a href="#">Blogs</a>
                <ul>
                  <li> <a href="http://unicornwritersconferencect.blogspot.com/">Unicorn Writers Conference</a></li>
                  <li> <a href="http://advancenetworkingunicorn.blogspot.com/">Advanced Netwroking Blog</a></li>
                </ul>
              </li>
              <li> <a href="#">First Steps to Publishing</a></li>
              <li> <a href="#">Library &amp; Publishing Events</a></li>
              <li> <a href="#">Art Gallery</a> </li>
            </ul>
          </li>
          <li> <a href="#">Clients</a></li>
          <li> <a href="#">Contact Jan Kardys</a> </li>
        </ul>
        <!-- InstanceEndEditable --><script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
          widgetClass: "MenuBar  MenuBarLeftShrink",
          insertMenuBarBreak: true,
          mainMenuShowDelay: 200,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
        </script>
    </li>
          </ul>
      </div>
    </div>
    <div id="Page_Content"><!-- InstanceBeginEditable name="Content_main_editable" -->
      <div id="Main_content">hi</div>
    <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Xtra_content_editable" -->
      <div id="xtra_content">
        <h3>News &amp; Events </h3>
        <p> </p>
      </div>
      <!-- InstanceEndEditable --></div>
    <div id="footer"> <h6>Webpage designed by James S. Molina</h6></div>
    </div>
    </body>
    <!-- InstanceEnd --></html>
    EDUCATION CONNECTION CODE:
    <!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"><!-- InstanceBegin template="/Templates/Main_sitepage_template.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Jan Kardys' Literary Agency</title>
    <!-- InstanceEndEditable -->
    <style type="text/css">
    #header {
        float: left;
        width: 1000px;
    #Menu_bar {
        float: left;
        width: 190px;
    #Page_Content {
        float: right;
        width: 1000px;
        font-family: "MS Serif", "New York", serif;
    #footer {
        float: left;
        width: 1000px;
    #Main_content {
        float: left;
        width: 395px;
        padding-left: 100px;
    #xtra_content {
        float: right;
        width: 395px;
        padding-right: 100px;
        font-family: "MS Serif", "New York", serif;
    #container {
        width:  1000px;
        margin: 0 auto;
        background-image: url(/Images/Parchment.gif);
        overflow: hidden;
    #header_title {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #0C3;
        float: left;
    #header_menubar {
        float: right;
    </style>
    <style type="text/css">
    body {
    </style>
    <script src="/js/enhance.js" type="text/javascript"></script>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryDOMUtils.js"" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2466548" binding="#OAWidget" />
      <oa:widget wid="2141544" binding="#MenuBar" />
    </oa:widgets>
    -->
    </script>
    <link href="/css/basic.css" rel="stylesheet" type="text/css" />
    <link href="/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2141544: #MenuBar */
    /* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
        these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
         These assume the following widget classes for menu layout (set in a preset)
        .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
        .MenuBarVertical - vertical main bar; all submenus are pull-right.
        You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
        They only apply to horizontal menu bars:
            MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
            MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
            MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned. 
            MenuBarFixedCentered -  - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                            and centered in its parent container.
            MenuBarFullwidth - Grows to fill its parent container width.
        In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
        with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
        there are a few rules where this was not possible. Those rules are so noted in comments.
    #MenuBar  {
        background-color:transparent;   
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                    MenuItem, and MenuItemLabel
                                                    at a given level all use same definition for ems.
                                                    Note that this means the size is also inherited to child submenus,
                                                    so use caution in using relative sizes other than
                                                    100% on submenu fonts. */
        font-weight: normal;
        font-size: 16px;
        font-style: normal;
        padding:0;   
        border-color: #ffffff #ffffff #ffffff #ffffff;
        border-width:0px;
        border-style: none none none none;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
        display:none;
    .MenuBarLeftShrink {
        float: left; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarRightShrink {
        float: right; /* shrink to content, as well as float the MenuBar */
        width: auto;
    .MenuBarFixedLeft {
        float: left;
        width: 80em;
    .MenuBarFixedCentered {
        float: none;
        width: 80em;
        margin-left:auto;
        margin-right:auto;
    .MenuBarFixedCentered br {
        clear:both;
        display:block;
    .MenuBarFixedCentered .SubMenu br {
        display:none;
    .MenuBarFullwidth {
        float: left;
        width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
        padding: 0px 0px 0px 0px;
        margin: 0;     /* Zero out margin  on the item containers. The MenuItem is the active hover area.
                    For most items, we have to do top or bottom padding or borders only on the MenuItem
                    or a child so we keep the entire submenu tiled with items.
                    Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
        padding: 0px 0px 0px 0px;
        background-color:transparent;   
        border-width:1px;
        border-color: #cccccc #ffffff #cccccc #ffffff;
        border-style: none solid none solid;
    #MenuBar  .MenuItemFirst {
        border-style: none none none none;
    #MenuBar .MenuItemLast {
        border-style: none solid none none;
    #MenuBar  .MenuItem  .MenuItemLabel{
        text-align:center;
        line-height:1.4em;
        color:#33ff66;
        background-color:transparent;
        padding: 6px 15px 6px 15px;
        width: 10em;
        width:auto;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
        width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 14px;
        font-style: normal;
        background-color:transparent;
        padding:0px 2px 0px 0px;
        border-width:1px;
        border-color: #cccccc #cccccc #cccccc #cccccc;
        /* Border styles are overriden by first and last items */
        border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
        border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
        padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
        border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
        padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
        text-align:left;
        line-height:1em;   
        background-color:transparent;
        color:#00ff33;
        padding: 6px 5px 6px 5px;
        width: 7em;
        width:auto;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
        background-color: transparent;
        border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
        background-color: transparent; /* consider exposing this prop separately*/
        color: #000000;
    #MenuBar .MenuItemHover .MenuItemLabel{
        background-color: transparent;
        color: #000000;
    #MenuBar .SubMenu .MenuItemHover {
        background-color: transparent;
        border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
        background-color: transparent;
        color: #333333;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
        background-color: transparent;
        min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
        border-color: #ffffff #ffffff #ffffff #ffffff;
        border-width:0px;
        border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
        top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
        left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                        and your personal taste.
                        0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                        on MenuItemContainer and MenuItem on the parent
                        menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                        the dropdown with the left of the menu item label.*/
        z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
        top: 0px;   
        left:100%;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
        background-color: transparent;
        min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
        top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                    vertically 'centered' on its invoking item */
        left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                    to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
        background-color: transparent; /* consider exposing this prop separately*/
        color: #000000;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
        background-color: transparent; /* consider exposing this prop separately*/
        color: #333333;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
        margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    /* EndOAWidget_Instance_2141544 */
    </style>
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id= "container">
    <div id="header">
      <div id="header_title"><h1>Jan kardy's Literary Agency</h1></div>
      <div id="header_menubar">
    </li>
        </ul>
        <!-- InstanceBeginEditable name="menubar_region" -->
        <ul id="MenuBar">
          <li> <a href="/index.html">Home</a></li>
          <li> <a href="/about_jankardys.html">About Jan Kardys</a></li>
          <li> <a href="#">Resources</a>
            <ul>
              <li> <a href="/Education_connection.html">Education Connection</a></li>
              <li> <a href="/submission_guidelines.html">Submission Guidelines</a> </li>
              <li> <a href="#">Blogs</a>
                <ul>
                  <li> <a href="http://unicornwritersconferencect.blogspot.com/">Unicorn Writers Conference</a></li>
                  <li> <a href="http://advancenetworkingunicorn.blogspot.com/">Advanced Netwroking Blog</a></li>
                </ul>
              </li>
              <li> <a href="#">First Steps to Publishing</a></li>
              <li> <a href="#">Library &amp; Publishing Events</a></li>
              <li> <a href="#">Art Gallery</a> </li>
            </ul>
          </li>
          <li> <a href="#">Clients</a></li>
          <li> <a href="#">Contact Jan Kardys</a> </li>
        </ul>
        <!-- InstanceEndEditable --><script type="text/javascript">
    // BeginOAWidget_Instance_2141544: #MenuBar
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
          widgetID: "MenuBar",
          widgetClass: "MenuBar  MenuBarLeftShrink",
          insertMenuBarBreak: true,
          mainMenuShowDelay: 200,
          mainMenuHideDelay: 200,
          subMenuShowDelay: 200,
          subMenuHideDelay: 200
    // EndOAWidget_Instance_2141544
        </script>
    </li>
          </ul>
      </div>
    </div>
    <div id="Page_Content"><!-- InstanceBeginEditable name="Content_main_editable" -->
      <div id="Main_content"><img src="/Images/jankardys.jpg" width="171" height="234" alt="Jan_kardys_pictuer" /></div>
    <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Xtra_content_editable" -->
      <div id="xtra_content">
        <center><h3>Signed Book Deal</h3>
        <p><a href="http://jankardys.com/Advance_Royalties.html" title="Advance_Royalties.html">Advance/Royalties</a></p>
        <p><a href="http://jankardys.com/Author_Quotes.html" title="Author_Quotes.html">Author Quotes</a></p>
        <p><a href="http://jankardys.com/Book_Deal.html" title="Book_Deal.html">Book Deal</a></p>
        <p><a href="http://jankardys.com/Copyright_Information.html" title="Copyright_Information.html">Copyright Information</a></p>
        <p><a href="http://jankardys.com/Editorial_Assistance.html" title="Editorial_Assistance.html">Freelance Editorial Assistance</a></p>
        <p><a href="http://jankardys.com/Electronic_Rights.html" title="Electronic_Rights.html">Electronic Rights Guidelines</a></p>
        <p><a href="http://jankardys.com/Google_Products.html" title="Google_Products.html">Google Products</a></p>
        <p><a href="http://jankardys.com/Out_of_Print_Reversions.html" title="Out_of_Print_Reversions.html">Out of Print Reversions</a></p>
        <p><a href="http://jankardys.com/Permissions.html" title="Permissions.html">Permissions</a></p>
        <p><a href="http://jankardys.com/Photo_release.html" title="Photo_release.html">Photo Release</a></p>
        <p><a href="http://jankardys.com/Return_of_Advance.html" title="Return_of_Advance.html">Return of Advance</a></p>
        <p><a href="http://jankardys.com/Subrights_Checklist.html" title="Subrights_Checklist.html">Subrights Checklist</a></p></center>
        <p>  </p>
        <p> </p>
      </div>
      <!-- InstanceEndEditable --></div>
    <div id="footer"> <h6>Webpage designed by James S. Molina</h6></div>
    </div>
    </body>
    <!-- InstanceEnd --></html>

  • Spry menu-change links to carry through all 16 pages?

    I am sure this is easy to do. I just don't know where to begin.
    I have a 16 page website "northeastohioweddingexperts.com.   The side menu is the same on all 16 pages. Its a spry menu. What is the easies way to change the links so it changes through all 16 pages? I  have been doing it the hard way by make a change to the spry menu, and opening each HTML page and pasting the change in that area. I am sure this can be all changed simply in CSS.  So if there is one document that can be altered, or on CSS file that can be changed THIS would be helpful.
    Please point me in the right direction.
    Thanks,
    Tony

    HTML = content.  CSS = styles.  I'm sorry to say that changes to your CSS file won't have any global effect on the links in your HTML code.
    If you had built your site around a DW Template or Server-Side Includes, making site wide changes to menus would be much easier.  See links below for details:
    Dreamweaver Templates -
    http://www.smartwebby.com/web_site_design/dreamweaver_template.asp#1
    Server-Side Includes
    http://www.smartwebby.com/web_site_design/server_side_includes.asp
    If you don't want to start over, use Find & Replace (Ctrl+F) to change hyperlink code in your local site.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • How to update all spry menu tabs on all pages

    Hi, Really need some help. I'm working in DW CS3. I've got a
    working Spry menu. ( Eureka!). I quickly made a template to start
    building pages. I left the spry bar as an uneditable region. My
    question is I made a change to the Spry Menu on the homepage. I
    changed one of the always visable tabs from Psychologist to
    "Store", and I'm adding new tabs under "instruction" every day.
    Problem is the already made pages are showing the original
    "non-update" spry menu. Is there a way for me to have DW update the
    spry bar on all pages, or is it because I made that uneditable it
    won't do it and I have to change the template?
    Thanks very much!

    I am not using an external style sheet....
    Why the heck not?  It's so much simpler to maintain site wide styles with one style sheet instead of many.
    Dreamweaver, Linking HTML to External Style Sheets
    As bregent says, CSS is not going to help you with HTML content.  If your site is already built without the aid of Server-Side Includes or DW Templates, another option is Library Items.
    Adobe Dreamweaver * Working with library items
    Nancy O.

  • How Do I Create an Editable Spry Menu as part of a Template?

    I am having considerable trouble trying to work out an issue and hope you can help. I have been working on a webpage that I would like to be a template for a fundraiser we are doing. I used a horizontal spry menu and a vertical spry menu. I have two youtube videos that I would like embedded on the page, but I would like the flexibility to change them for different pages. I am trying to make my horizontal and vertical spry menus editable since I am going to be making pages for all items in the menus. I can't seem to set this up correctly. Can you tell me what I am doing wrong? I have been able to set up editable regions according to my template file, however, when I open the template, I am unable to edit the spry menus or edit the youtube videos. Setting up editable regions also seems to change the look of my page.
    Here is what I would like all the pages to look like: http://www.ymimusic.com/shoppers_guide.html
    But this is how it looks presently when I try to make a page from the template I created following the instructions from the course: http://www.ymimusic.com/test.html
    Since I cannot get the template to work the way I would like, I have not created any links yet. I can send you the template and html page if this will help. Thank you for your help in advance./p>

    Murray,
    I am just opening your responses now. I will try to clarify again. "There's the rub.  This is not a wise choice.  A completely different  menu in each page will not only confuse your visitors, it will drive you  insane.  I strongly suggest you not do this." You were referring to "What throws us off the track is your wish to be able to have a different  menubar in each page. In that case the menubar will need to be in an  editable region."
    What I am simply trying to do is this: If I create a menu that has the following links: About Us, Products, and Contact Us on one page, I want my customers to see the SAME menu on the About Us page, the Products page and the Contact Us page. I am NOT creating different menus on each page. I am trying to automate the format by creating a template that will show these links on each page without me redoing it every page.
    When I attempted this, and created a page from the template, I could not get into the menu to assign links to different pages. Using the above example, If I created my About Us page as the template for the site, then created the Products page from the template, I need the ability to assign the links on the Products page to the About Us and Contact Us pages. The page created from the template does not allow me to do this. I cannot get in to assign the links in the Properties section of Dreamweaver. I even attempted to do the following action in the .dwt file I created:
    Modify > Templates > Make Attribute Editable
    I did this to make the links editable after creating the template. This obviously didn't work.
    To summarize: I do NOT want to make different menus on each page. I simply want to create the two menus you see (one horizontal and one vertical) that will be part of the template. I am trying figure out when I assign the links and How. I will go back and read your notes as well as read the help section (F1) as you requested, however that is why I contacted you; I did not understand what I was doing wrong. I have been working with a course series in Lynda.com that has explained much of what to do up to my problem spot, I simply need to understand the concept.
    Thank you for your assistance.

  • Spry Menu w/ templates or library items

    I LOVE the new spry menu, but I'm frustrated with how to
    insert an existing menu onto subsequent pages. I tried to add the
    menu to the library but that didn't seem to work. Should I use a
    template instead? I can't seem to find documentation on this...am I
    missing something? Any advice?

    Not sure what that is...tried to look it up in the help
    file...is it this?
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
    {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
    imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    If so, how do I attach it? Also, how do I edit once it's a
    library item? I seem to lose that lovely spry interface in the
    property manager.
    If there is any documentation that you could point me to I'd
    be grateful. I'm afraid I'm not finding it.

  • Add spry menu to external css or template

    I have a working navigation menu at www.reachyourpotential.ca
    but I haven't used an external style sheet on this website and that
    seems to be the thing to do these days. I used cs3 to add a spry
    horizontal menu to a template (standard cs3 2 column). Should I
    move the spry menu to an external style sheet?
    I believe the benefits of an external css are faster page
    loading speed and better seo.
    I am also revising a website for a client and want to get it
    right the first time.
    Which is better - add the spry menu to an external css or a
    template?
    Thank you.

    This may sound really dumb as no one ever addresses this
    issue, but once I create the Spry menu and then create all my other
    pages from the template, what if I need to change something in the
    menu? Since the href's are located in the HTML of the sheet itself,
    not in the .css or .js, how do you get to the point where you just
    change it one place and it changes everywhere?
    Does this make sense? What piece of the puzzle am I missing?
    Thanks for any assistance.

  • What is best way to update Spry menu Bar linkages throughout site?

    I am new to Dreamweaver CS3 and Spry DataSets; however, I easily created multi-level linkages using the Spry Menu Bar tool. Is there a way that I can cause any linkage change(s) to be proliferated throughout the pages of my web site. This menu bar is the main navigational bar in my site. Currently, I am finding myself going to each page to update the linkages and I know that is the wrong way to accomplish this. Any help is appreciated. Thank you. degraylady

    Arnout,
    Thank you so much for your reply. It would have taken me a long time to figure this out for myself. I found an article on SSI with detailed instructions at http://http://www.tutorialized.com/view/tutorial/Dreamweaver-CS3-Libraries-and-Server-Side -Includes-Tutorial/28247 so I appreciate your answer so much.

  • Spry Menu Template question

    I am fairly new to Dreamweaver and am self taught so I am
    trying to learn the best way to do things. I have created a
    horizontal Spry menu on one of my pages in DWCS3. I then copied and
    pasted that code on each page I wanted the Spry menu. How can I now
    go back and make the menu a template so that any changes I make
    will be reflected on every page that has the menu - instead of
    having to change each page every time I change the menu.

    > If I create the whole page as a template, then are all
    of the subsequent
    > pages
    > that use the menu also templates
    You need to read DW's F1 Help about how to make templates and
    spawn child
    pages. If you make the page a template, you would need to
    also specify
    editable regions (regions in which content can be edited on
    the child
    pages).
    If you use includes, you would need to create a text-only
    page in DW, into
    which you paste the content for the menu *ONLY*. Save this
    file as whatever
    filename you like. In any page that you want to use the menu
    you would need
    to a) have the required Spry javascript already in the head
    of the page, and
    b) use INSERT | Server-Side Include, to browse to and select
    the menu
    include file.
    It's a bit tricky. Make sure you get the hang of this using
    test pages
    first, with simple content.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Steve Field" <[email protected]> wrote in
    message
    news:fb6fj0$q56$[email protected]..
    > which method do you think would be more efficient and
    easier to maintain.
    > We
    > use php on our server. Can you explain exactly how to
    use the include. I
    > am
    > assuming I make the menu a separate page then do I save
    it as a javascript
    > file. I am a novice.
    > If I create the whole page as a template, then are all
    of the subsequent
    > pages
    > that use the menu also templates
    >

  • Spry Menu Bars, Templates and Current Page Indicators

    Hello,
    If you have a spry menu bar in your design, then create a template, how do you then go about making the menu bar have a current page indicator on each page created from the template?
    Thanks,
    Ferg.

    Can I send you on a different path? This solution will only be required in a non-editable area of the DWT.
    First we write a function to initialse the page
    function InitPage(){
    Spry.$$('#MenuBar1 li').forEach(function(node){
        var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
        if(a.href == window.location){
            Spry.Utils.addClassName(node,"activeMenuItem");
    The function compares the URL of the page with the link in the menubar and if they are both the same, it will add an 'activeMenuItem, class to the menuitem.
    Next we nee a trigger to activate the function. This is done with a load listener as per
    Spry.Utils.addLoadListener(InitPage);
    Now we need to ensure that our active menuitem looks different, by assigning a couple of style rules as in the following. The !important needs to be there to override the JS.
    .activeMenuItem a {
        background:#a59a84 !important;
        color:#ffffff !important;
    And lastly we need to add SpryDOMUtils.js as the JS script that we based our JS scripts on
    <script src="SpryAssets/SpryDOMUtils.js"></script>
    The whole thing will look like
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
    <style>
    .activeMenuItem a {
        background:#a59a84 !important;
        color:#ffffff !important;
    </style>
    </head>
    <body>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
        <ul>
          <li><a href="#">Item 1.1</a></li>
          <li><a href="#">Item 1.2</a></li>
          <li><a href="#">Item 1.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">Item 3.2</a></li>
          <li><a href="#">Item 3.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 4</a></li>
    </ul>
    <script src="SpryAssets/SpryMenuBar.js"></script>
    <script src="SpryAssets/SpryDOMUtils.js"></script>
    <script>
    function InitPage(){
    Spry.$$('#MenuBar1 li').forEach(function(node){
        var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
        if(a.href == window.location){
            Spry.Utils.addClassName(node,"activeMenuItem");
    Spry.Utils.addLoadListener(InitPage);
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    Or see it live here http://shoguncarco.com.au/index.php where the function has been externalised in http://shoguncarco.com.au/js/plugins.js
    Gramps

  • Why does editing the spry horizontal menu on my template alter the spry tabbed panels on my page?

    Most of the pages on my site are created using the same template I developed.  Today, I edited the horizontal main menu on the template, which changed all the pages on my site correctly, except now all the pages with tabbel panels in the body are showing as a bulleted list instead of tabbed panels.  Please Help!?!
    In fact, there is no longer any css styles for any tabbed panels any longer...what did I do?

    Oh Brother, of course!  I should have waited to post until I was out of
    my freak out mode.  Thanks a lot for the help.

  • Spry menu problems. Please help.

    Hello,
    I am new to web design so please try and be patient with me . 
    I am trying to create a horizontal spry menu bar into a new page.  Even though I select horizontal, the menu is vertical.  I have read through many previous posts and FAQ'q, but cannot find the answer.  It is not just in IE, it is in every browser and dreamweaver itself.  I am using 5.5.
    UPDATE-- If I create the spry into a new blank HTML document, it works just fine. So I imagine it is something to do with the template?
    Heres the code:
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              cursor: default;
              width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
              z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              position: relative;
              text-align: left;
              cursor: pointer;
              width: 8em;
              float: none;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              z-index: 1020;
              cursor: default;
              width: 8.2em;
              position: absolute;
              left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
              left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
              width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
              position: absolute;
              margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
              left: auto;
              top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
              border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
              display: block;
              cursor: pointer;
              background-color: #EEE;
              padding: 0.5em 0.75em;
              color: #333;
              text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
              background-color: #33C;
              color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
              background-color: #33C;
              color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
              background-image: url(SpryMenuBarDown.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
              background-image: url(SpryMenuBarRight.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
              background-image: url(SpryMenuBarDownHover.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
              background-image: url(SpryMenuBarRightHover.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
              position: absolute;
              z-index: 1010;
              filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
              ul.MenuBarHorizontal li.MenuBarItemIE
                        display: inline;
                        f\loat: left;
                        background: #FFF;
    ul.MenuBarHorizontal {
              width:8em;
              margin: auto;
    And this is the HTML for the menu bar when insterted into a page:
    InstanceBeginEditable name="Header" -->
                <div class="Header">
                  <ul id="MenuBar1" class="MenuBarHorizontal">
                    <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
                      <ul>
                        <li><a href="#">Item 1.1</a></li>
                        <li><a href="#">Item 1.2</a></li>
                        <li><a href="#">Item 1.3</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Item 2</a></li>
                    <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
                      <ul>
                        <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                          <ul>
                            <li><a href="#">Item 3.1.1</a></li>
                            <li><a href="#">Item 3.1.2</a></li>
                          </ul>
                        </li>
                        <li><a href="#">Item 3.2</a></li>
                        <li><a href="#">Item 3.3</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Item 4</a></li>
                  </ul>
                </div>
                <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Main Content" -->
    Thank you for any and all help!
    Nick

    Ok so I decided to make a nice menu through fireworks.
    This confuses me even further, how did you make a SpryMenuBar through FW?
    It now works, but the links to the drop down menu are not horizontal in the drop down menu.
    So it doesn't work
    And this is only when trying to enter it into the template, into a new HTML it works fine..So it does work
    Unforuntely I cannot post the website
    Well, our worries are over, there is no need to correct the problem, no one will ever see the website.
    Yes, I am being facetious.
    In all seriousness, you can upload the website to a temporary location. This way we will be able help you.
    Have a happy New Year!
    Gramps

Maybe you are looking for

  • SIGSEGV on install of 9ias on Solaris

    Install says 100% complete, I am happy, but then disaster strikes - GUI disappears and I am left with Java errors:- Trigger altered. Trigger altered. SQL> SQL> Disconnected from Oracle8i Enterprise Edition Release 8.1.7.0.0 - Pron With the Partitioni

  • IPhone is disabled - I don't know my "Find My iPhone" passcode

    Hello all! I need help with my iPhone. It has been disabled by the "Find My iPhone" app. I'm not certain about how this happened, but it happened while my 4-year-old son and I were using my iPhone's "Find my iPhone" feature to try to locate my son's

  • Process Composer - node mapping

    Hello, I have a table (ie ID, Name) in my first Web Dynpro application, and i want to pass it to another Web Dynpro application using Process Composer. Everything works fine, when there is only one record (row) in table, but when i add another, click

  • Problem with IBERT on ZC706

    Hello! I am trying to execute IBERT on ZC706 development kit and facing an error. I followed the steps, given in xtp243.pdf. There is no external hardware and I am doing the loop back test. Can someone please help me rectifying this issue.

  • Check if a DSO has been lookup by other DSO/cube in start/end routine

    I have to support on of the client system which I am not part of the development. I found one DSO has been schedule to load data in daily process chain but it is not update to any target. Is it possible to check if this DSO has been using in the stag