Dreamweaver library item!

Hi all, just wondering, I've built a site which uses a couple
of library items, for consistent elements, namely right-hand Nav
and a page header. Once I've uploaded the pages how can I edit
something in a library item so that it changes on all of the pages
(now live online) ?
Thanks in advance,
Marc

Trouble is - the paths in the Includes won't necessarily work
from any page
in the site - I think? Also, using lots of includes will slow
the pages a
bit. OR am I behind the times? :)
"Murray *ACE*" <[email protected]> wrote
in message
news:erf3oo$hcr$[email protected]..
> Change the Library items as desired. Upload all changed
pages.
>
> The fact that Library items ONLY work from within
Dreamweaver, and require
> that you then upload all changed pages, puts them at a
severe disadvantage
> when compared to server-side includes....
>
> --
> 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
> ==================
>
>
> "marc9987" <[email protected]> wrote in
message
> news:erf2i0$g1d$[email protected]..
>> Hi all, just wondering, I've built a site which uses
a couple of library
>> items,
>> for consistent elements, namely right-hand Nav and a
page header. Once
>> I've
>> uploaded the pages how can I edit something in a
library item so that it
>> changes on all of the pages (now live online) ?
>>
>> Thanks in advance,
>>
>> Marc
>>
>
>

Similar Messages

  • Using SSI versus Dreamweaver Library items.

    Murray pointed me at SSI -Server Side Includes in another
    thread. But when I go to one of the books I have on Dreamweaver,
    the author says that my hosting company won't like SSI much because
    it uses more system resources. In response to that, Dreamweaver
    created Library items.
    Is there a reason to pick one method over the other?
    Murray - Was there a reason you didn't recommend Dreamweaver
    Library items for common elements across a lot of pages?
    Thanks,
    Tom

    > Murray - Was there a reason you didn't recommend
    Dreamweaver Library items
    > for
    > common elements across a lot of pages?
    Micha touched on the highpoints. For me, the argument about
    system
    resources on servers is sooo 1980s, and the convenience of
    making a change
    to a single file which is uploaded as opposed to every local
    file needing to
    be uploaded swings the balance. Hosts nowadays accept that
    SSI is the way
    to go, and will never complain. If you have sources that
    continue to press
    that argument, you can be sure that the source is so out of
    date as to be
    useless....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "tomwood2" <[email protected]> wrote in
    message
    news:g5nrav$t$[email protected]..
    > Murray pointed me at SSI -Server Side Includes in
    another thread. But when
    > I go
    > to one of the books I have on Dreamweaver, the author
    says that my hosting
    > company won't like SSI much because it uses more system
    resources. In
    > response
    > to that, Dreamweaver created Library items.
    >
    > Is there a reason to pick one method over the other?
    >
    > Murray - Was there a reason you didn't recommend
    Dreamweaver Library items
    > for
    > common elements across a lot of pages?
    >
    > Thanks,
    >
    > Tom
    >

  • Dreamweaver Library Item Etc.

    I am starting work on a new website which will have an
    extension navigation menu - up to 40 items and with many pages.
    Each page on the site will contain this navigation menu. I
    want to know if anyone has a work around for the following:
    I want to have the ability to edit the navigation menu in the
    future and have it populate on every page.
    As you may know, the content of the navigation menu differs
    slightly on every page (class='current' etc).
    Does anyone have a work around to use a Dreamwaver library
    item (or other tool) with variance per page?
    Thanks,
    Adi

    > Does anyone have a work around to use a Dreamwaver
    library item (or other
    > tool) with variance per page?
    Don't use Library items. Use Server-side includes. That way,
    you can just
    change the menu file, upload it, and the change appears on
    every page
    without any further uploads. With Library items, you have to
    upload every
    page again after each change.
    > As you may know, the content of the navigation menu
    differs slightly on
    > every
    > page (class='current' etc).
    It's simple. Give each menu element a unique ID, and on each
    page, just add
    a tiny embedded stylesheet that selects the appropriate menu
    'button', e.g.,
    #button3 { ... }
    <a id="button3">whatever</a>
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "AR_XASWQ" <[email protected]> wrote in
    message
    news:fs93kk$fgk$[email protected]..
    >I am starting work on a new website which will have an
    extension navigation
    > menu - up to 40 items and with many pages.
    >
    > Each page on the site will contain this navigation menu.
    I want to know
    > if
    > anyone has a work around for the following:
    >
    > I want to have the ability to edit the navigation menu
    in the future and
    > have
    > it populate on every page.
    >
    > As you may know, the content of the navigation menu
    differs slightly on
    > every
    > page (class='current' etc).
    >
    > Does anyone have a work around to use a Dreamwaver
    library item (or other
    > tool) with variance per page?
    >
    > Thanks,
    >
    > Adi
    >

  • Active Content solution with Library items

    Does anyone know how I can get Adobe's Active Content
    solution (the Multiple Occurrences one) to work with Dreamweaver
    Library items?
    It works fine for inline <object> tags, but when pages
    include Library items (which have the same solution applied to
    them) it doesn't apply the fix to these items.
    Thanks.

    yeah, its annoying. i just made a suggestion for a ¨purge¨ command in the ideas section.
    i´ve managed to clean my library, had to delete one by one though and it took forever.

  • Using Dreamweaver Library and ICE

    I'm curious about site pages created with a Dreamweaver (DW)
    library, like a news box that is displayed on every page. A DW
    library allows you to update a region of duplicate content on every
    page / instance once and all the pages are updated.
    Is there a way to update the library in ICE so all the pages
    are updated? Or do you have to update each and every page.

    Hello xodMediaDotCom,
    The Dreamweaver Library items only update in the pages they
    are included in
    within Dreamweaver. So even if you could edit the library
    file (.lbi) file with InContext Editing, the pages that link to the
    library element would not update automatically. You would have to
    update each page individually.
    You might look into using Spry for any dynamic elements you
    wish to include amongst multiple pages. Take a look at the
    following thread which has some more information about Spry:
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=82&catid=859&threadid =1416324&enterthread=y
    Best regards,
    Corey

  • Dreamweaver Teamplate with Library Item for Navigation/Sidebar not updating editable classes

    I have a Dreamweaver Template that contains two Library items. One Library item is my navigation bar, the other is a sidebar that shows different content depending on what page you are on. I'm assigning an editable class "active" to the navigation bar to show you are on a particular page, and also assigning the editable class "active" to the sidebar to reveal a portion of the sidebar with links pertaining to that specific page. The default value for the class is "hidden". So what is happening is when I open a page I have created and "edit" the Library Items in it to edit these classes, it resets resets all the other pages on the site to the default class values. How am I able to use editable classes and Library Items to achieve this kind of functionality? The idea is to only have ONE navigaton bar to update on the site and to only have ONE sidebar item to update. Here is an example of the sidebar and navigation in action so you can see what I'm going for. Notice the green button in the navigation bar (that is a list item with the class "active" which is an editable class in the Library Item, also notice the tan links in the sidebar, that is an unordered list that has an editable class of "active" in the Library Items --- these editable classes reset to their defaults when updating the Library Item on the website).
    http://www.brumleve.org/joe/temp/CAP/mission.html

    In my understanding, whenever you edit the contents of a library item, it will update all other occurances of this library item on the rest of the site. That's "working as designed" as far as I know, unless you break the link by telling it to not update - which kinda defeats the purpose I think.
    But theres another way to do this using template properties, i#ve been using this approach myself a couple of times:
    Write your navigation bar in the template (.dwt) file itself, then select the class= of your first menu item and choose .. (names might be off, I am using a non-English copy of DW): "modify > template > make attribute editable" from the main menu. Do so for all your menu items and name these new template properties something like "item_x_class"
    You'll end up with something like this in your template source:
    <div class="@@(item_1_class)@@">
    and a matching
    <!-- TemplateParam name="item_1_class" type="text" value="active" --> in the header
    Now, on each page, you can set the class within the template properties dialog ("modify > template properties"). If your main menu changes, it won't overwrite your template properties, but still update all pages when you do make a change to the menu.
    If you're using multiple templates for your site, consider nesting templates, so the master template already includes your navbar and all subsequent templates will "inherit" changes to the navbar code (sans the editable class property).
    Hope this helps.. or at least gives you an idea for further experiments..
    Stephan

  • Library Item: Where is the Library Item feature in Dreamweaver CC?

    I recently downloaded my trial of DW CC. I've looked in the Assets Panel, but I have yet to find where the Library Item feature is? 
    Thanks for the tips.

    You have to define and Save a library item before you'll see it in your site's Assets panel.
    Adobe Dreamweaver * Working with library items
    Nancy O.

  • Dreamweaver quits when updating library item

    Sometimes it works fine for a week or so but suddenly it
    starts crashing Dreamweaver (CS3) every time I'm updating a library
    item throughout a local site. Any ideas why and how to avoid this?
    Thanks,
    Hanna

    > I really need to understand why library items crash my
    Dreamweaver...
    This may not be possible for you right now. At least SSI
    would get you
    going. But so be it.
    Library item updates do not crash my DW. Sorry.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "HannaB" <[email protected]> wrote in
    message
    news:g4tkc4$nc1$[email protected]..
    > Because I'm a slow learner and Library items work well
    for what I do.
    > Besides,
    > server-side includes are confusing as I can't see them
    on the local site,
    > only
    > when uploaded to the remote server (but please, don't
    get into that at
    > this
    > point. I really need to understand why library items
    crash my
    > Dreamweaver...)
    >

  • Dreamweaver Stopped asking if I want to update Library Items and Templates

    Hi All,
    Using dreamweaver on a new project.  Set up my Templates and library items and everything was fine - when I changed one a saved it a dialogue popped up and asked me if I wanted to update files.  Suddenly the dialog box has stopped appearing and now I have to instigate it manually by going to modify->templates->update pages which is annoying and more time consuming.
    Why has the automatic dialogue disappeared and how do i get it back?
    Thanks

    Sorry for the late reply.  I'm still having the problem and appreciate the help.  Attached is the requested screen shot.  Everything is in order I think.  Its a big site though and the whole thing won't fit in one screen shot.  What are you looking for specifically?

  • Dreamweaver CC Library Item with rollover link produces two body tags. Why?

    I have a library item which is used in two pages and works correctly if it does not contain a rollover arrow with a link taking you to the top of the library item. This produces the following near the top of each of the containing pages:
    </head>
    <body class="indexpage">
    <!-- #BeginLibraryItem "/Library/homemenu.lbi" -->
    <p><a id="top"></a></p>
    Note that the Library Item does not itself have a <body> tag in this original, working version.
    The problem arises when I insert an image rollover with a link up to #top (which is defined as above).
    First, the Library Item has the following near its top:
    <script ...>
    ... various functions to handle the rollover
    </script>
    <body onLoad="MM_preloadImages('../images/uparrowred2.gif')">
    <p><a id="top"></a></p>
    Secondly, the containing pages now have the following near the top:
    </head>
    <body class="indexpage" onLoad="MM_preloadImages('images/uparrowred2.gif)">
    <!--#BeginLibraryItem "Library/homemenu.lbi" -->
    <script ...>
    ... various functions to handle the rollover
    </script>
    <body onLoad="MM_preloadImages('../images/uparrowred2.gif')">
    <p><a id="top"></a></p>
    It can be seen (shown in red) that the Library Item has correctly transferred the onLoad instruction to the containing page's <body> tag and at the same time altered the address of the GIF image from '../images/xxx.gif' to 'images/xxx.gif'. [The root folder with the various html pages has a number of subfolders including 'images' and 'Library']. But now, unfortunately, the containing pages have two <body> tags with the second one pointing to the wrong location for the GIF image.
    Would someone please explain what is going on. I can think of three possibilities: (1) I may be doing something really stupid, (2) there may be a bug in Dreamweaver CC or (3) Library Items may not be allowed to contain anything "complicated" like a rollover. I did see a very old (2007) discussion in this forum suggesting that Library Items were rather limited in what they could contain, but over the intervening six years I would have expected things to have improved.

    Thank you, but in that case I'm not sure I understand the purpose of Library Items. Before I added the Library Item, there was nothing to preload. When I add a rollover to the Library Item, Dreamweaver creates the preloader instruction within the Library Item. Then when I include the Library Item in an html page, Dreamweaver controls where the preloader is put.
    Do I then need to manually edit what Dreamweaver has done? In this instance it would have been almost as quick to have ignored the use of a Library Item and copied and pasted the relevant code into the two pages and manually created the revised <body> tag with a preloader. In my relative inexperience with Dreamweaver, I just thought that using a Library Item in multiple pages would save me some effort when I wanted to change the content of the Library Item. As I said, the Library Item worked OK until I added a rollover within it.

  • Using CSS instead of or with library item

    I built my site using Dreamweaver 8. I used the design view
    exclusively. I made a navigation bar as a library item. Utilizing
    rollovers, etc. Now I have learned I should build my site utilizing
    CSS and as was pointed out on this forum to me, to learn CSS and
    HTML.
    I am having a brain freeze. The logic escapes me as to how I
    would build a navigation bar and put it on each page as I did
    utilizing the library function before.
    I am sure for all you pro's this is a really dumb and obvious
    thing but I just don't seem to figure out the logic how to do it. I
    am not talking about the CSS for the behaviors such as hover,
    visited, active. This I know how to do. It is just the ability to
    have a properly designed navbar and be able to put it on every page
    I make.
    Murry "ACE" told me not to use AP and the dreaded mm_menus so
    I am trying to figure this out and build a better more code
    efficient site. Mine works but is quite trashy in the code.

    It can be a bit daunting.
    Try going through this tutorial completely. It's a bit out of
    date (using
    an older version of DW), and still covers the use of tables,
    but it's worth
    reinforcing your basic understandings -
    http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
    Then I would suggest you do this tutorial -
    Taking a Fireworks comp to a CSS-based layout in Dreamweaver
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
    Finally, to get a grip on how to manage menus across an
    entire site, use
    DW's F1 help about how to use Templates, and server-side
    includes.
    Templates do make your life much easier. I use the following
    scheme....
    First, I mentally separate the page layout into three
    sections:
    1. Stuff that will not change for the life of the site (i.e.,
    the basic
    structural elements)
    2. Stuff that *could* change from time to time (e.g.,
    navigation elements,
    burst advertisements, section-specific navigation, etc.)
    3. Stuff that *will* change from one page to the next
    Then I create a template containing all class1 elements. Next
    I create
    server-side include files containing all class 2 elements and
    place them on
    the template as needed. Note - some of the class 2 elements
    may be
    "section-specific elements", and their placement on the
    template will be
    subject to the next item. Finally, I insert editable regions
    to cover the
    class 3 items, INCLUDING the section-specific navigation.
    This allows me to just cookie-cut the rest of the site. I
    estimate that
    even for fairly large sites, about 80% of my work goes into
    planning and
    creating this template file.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "craigmini" <[email protected]> wrote in
    message
    news:[email protected]...
    >I built my site using Dreamweaver 8. I used the design
    view exclusively. I
    > made a navigation bar as a library item. Utilizing
    rollovers, etc. Now I
    > have
    > learned I should build my site utilizing CSS and as was
    pointed out on
    > this
    > forum to me, to learn CSS and HTML.
    >
    > I am having a brain freeze. The logic escapes me as to
    how I would build a
    > navigation bar and put it on each page as I did
    utilizing the library
    > function
    > before.
    >
    > I am sure for all you pro's this is a really dumb and
    obvious thing but I
    > just
    > don't seem to figure out the logic how to do it. I am
    not talking about
    > the CSS
    > for the behaviors such as hover, visited, active. This I
    know how to do.
    > It is
    > just the ability to have a properly designed navbar and
    be able to put it
    > on
    > every page I make.
    >
    > Murry "ACE" told me not to use AP and the dreaded
    mm_menus so I am trying
    > to
    > figure this out and build a better more code efficient
    site. Mine works
    > but is
    > quite trashy in the code.
    >

  • How I add a LIBRARY ITEM to a page layout, top/bottom ?

    how I add a LIBRARY ITEM to a page layout, top/bottom ? in
    dwmr mx 2004 and cs4 ?

    Have you looked at the DW help file - it will explain all
    about library items :-)
    Nadia
    Adobe® Community Expert : Dreamweaver
    Unique CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    CSS Tutorials for Dreamweaver |
    http://www.adobe.com/devnet/dreamweaver/css.html
    Book: Ultimate CSS Reference (aff link) |
    http://www.sitepoint.com/launch/005dfd4/3/133
    http://twitter.com/nadiap
    "lse987" <[email protected]> wrote in
    message news:gpsvtt$t5q$[email protected]..
    > how I add a LIBRARY ITEM to a page layout, top/bottom ?
    in dwmr mx 2004 and cs4 ?

  • Where do I add a label tag in the code of a library item?

    Hello,
    For 508 compliance purposes I need to add a label tag to a list menu that I've created as a library item in Dreamweaver. Can anyone tell me where in the following code should the label code be added and how it should appear. The actual site is http://www.graphicmechanic.com/DEKALBCOUNTY/index.html. My 508 checker is telling me that I need to add a label to this form.
    The code is:
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="../cssfiles/lbistyles.css" rel="stylesheet" type="text/css"/>
    <form action="" method="post" name="form1" class="style52" id="form1">
                        <span class="style26"><strong>I WANT TO:</strong><br />
                        <img src="../images/5x5.gif" alt="layout graphic" width="5" height="5" /><br />
                        </span><span class="style26">
                        <select name="iwantto" class="style55" onchange="MM_jumpMenu('window.open()',this,0)">
                          <option value="http://web.co.dekalb.ga.us/voter/#">REGISTER TO VOTE</option>
                          <option value="https://govaffiliate.ezgov.com/ezutility/index.jsp?agency=3411">PAY MY WATER BILL</option>
                          <option value="../humanserv/hs-osa-facilities.html">FIND A SENIOR CENTER</option>
                          <option value="../humanserv/hs-lou-walker.html">GET INFO ABOUT LOU WALKER CENTER</option>
                          <option value="http://www.dekalbstatecourt.net/">FILE A RESTRAINING ORDER</option>
                          <option value="http://www.dekalbcountyanimalservices.com/">REPORT A LOOSE DOG</option>
                          <option value="http://web.co.dekalb.ga.us/courts/recorders/payment.asp">GET TRAFFIC CITATION INFO</option>
                          <option value="http://web.co.dekalb.ga.us/courts/probate/pistol.htm">APPLY FOR A PISTOL LICENSE</option>
                          <option value="http://web.co.dekalb.ga.us/courts/probate/marriage.htm">GET A MARRIAGE LICENSE</option>
                          <option value="http://www.co.dekalb.ga.us/dekalbflic/Centers.htm#service">FILE FOR A DIVORCE</option>
                          <option value="http://www.co.dekalb.ga.us/superior/index.htm">GET INFORMATION ABOUT JURY DUTY</option>
                          <option value="http://web.co.dekalb.ga.us/taxcommissioner/search.asp">PAY MY TAXES</option>
                        </select>
      </span> </label>
    </form>
    Any assistance would be appreciated.

    Okay i am having trouble figuring out exactly where I should insert the label code and how it should look in this code. I took a look at the labels link you sent over. It is helpful, but because this drop down list has no tables and the example does, I'm a bit confuse.
    Any chance you could show me an example of how a lable should look in in just one of the form items below? Then I could mimic it with the other items (with respect to each different title).
    Here is the code:
    <form action="" method="post" name="form1" class="style52" id="form1">
                        <span class="style26"><strong>I WANT TO:</strong><br />
                        <img src="../images/5x5.gif" alt="layout graphic" width="5" height="5" /><br />
                        </span><span class="style26">
                        <select name="iwantto" class="style55" onchange="MM_jumpMenu('window.open()',this,0)">
                          <option value="http://web.co.dekalb.ga.us/voter/#">REGISTER TO VOTE</option>
                          <option value="https://govaffiliate.ezgov.com/ezutility/index.jsp?agency=3411">PAY MY WATER BILL</option>
                          <option value="../humanserv/hs-osa-facilities.html">FIND A SENIOR CENTER</option>
                          <option value="../humanserv/hs-lou-walker.html">GET INFO ABOUT LOU WALKER CENTER</option>
                          <option value="http://www.dekalbstatecourt.net/">FILE A RESTRAINING ORDER</option>
                          <option value="http://www.dekalbcountyanimalservices.com/">REPORT A LOOSE DOG</option>
                          <option value="http://web.co.dekalb.ga.us/courts/recorders/payment.asp">GET TRAFFIC CITATION INFO</option>
                          <option value="http://web.co.dekalb.ga.us/courts/probate/pistol.htm">APPLY FOR A PISTOL LICENSE</option>
                          <option value="http://web.co.dekalb.ga.us/courts/probate/marriage.htm">GET A MARRIAGE LICENSE</option>
                          <option value="http://www.co.dekalb.ga.us/dekalbflic/Centers.htm#service">FILE FOR A DIVORCE</option>
                          <option value="http://www.co.dekalb.ga.us/superior/index.htm">GET INFORMATION ABOUT JURY DUTY</option>
                          <option value="http://web.co.dekalb.ga.us/taxcommissioner/search.asp">PAY MY TAXES</option>
                        </select>
      </span>
    </form>

  • Help: Using templates with Library items

    Hey there dreamweaver users
    Just a quick question it might sound dumb but im new to the dreamweaver world and would be greatful if you could answer this question i have.
    I have made a template for my site and i wish to update all the child pages with a library item i have inserted into the main template,
    ive put it into the main template as a footer navigation links and then left dreamweaver to update all my other child pages with this library item.
    the thing is it never works am i doing something wrong ? really could do with some help.
    Thank you :]

    I only have one Template and this is it
    <!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>Caribe Travel Services</title>
    <!-- TemplateEndEditable -->
    <link href="../caribe_styles.css" rel="stylesheet" type="text/css" />
    <link href="../print.css" rel="stylesheet" type="text/css" media="print" />
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body>
    <div id="container">
      <div id="header"><a href="../starter.html"><img src="../assets/images/logo.jpg" alt="Caribe Travel Services" name="logo" width="213" height="144" id="logo" /></a></div>
      <div id="sidebar">
        <ul class="nav">
          <li><a href="../packages/air.htm">Air Packages</a></li>
          <li><a href="../packages/cruises.htm">Cruises</a></li>
          <li><a href="../packages/inclusive.htm">All Inclusive</a></li>
          <li><a href="../packages/resorts.htm">Resorts</a></li>
          <li><a href="../packages/index.htm">Contact Us</a></li>
        </ul>
        <div class="sideContent"><!-- TemplateBeginEditable name="sideContent" -->
          <h3>Heading 3 here</h3>
          <p>side content here</p>
        <!-- TemplateEndEditable --></div>
      </div>
      <div id="mainContent"><!-- TemplateBeginEditable name="mainContent" -->
        <h1>Heading 1 Here</h1>
        <p>main content here</p>
        <h2>Heading 2 </h2>
      <!-- TemplateEndEditable --></div>
      <div id="footer"><!-- TemplateBeginEditable name="navLinks" --><!-- #BeginLibraryItem "/Library/altNav.lbi" -->
        <ul>
          <li><a href="../index.htm">Home</a></li>
          <li><a href="../packages/index.htm">Packages</a></li>
          <li><a href="../specials/index.htm"> Specials</a></li>
          <li><a href="../galleries/index.htm">Galleries</a></li>
          <li><a href="../testimonials/index.htm">Maps</a></li>
          <li><a href="../testimonials/index.htm">Testimonials</a></li>
          <li><a href="../newsletter/index.htm">Newsletter</a></li>
          <li><a href="../contact.htm">Contact</a></li>
        </ul>
      <!-- #EndLibraryItem --><!-- TemplateEndEditable --></div>
      <!-- end .footer -->
      <!-- end .container -->
    </div>
    </body>
    </html>

  • Spry widget menu bar as a library item - problems

    I created a spry vertical menu bar and made it a library item.  The original works great, however when I insert the library item into its own div tag on another page, the submenus will not pop out, either in DW or the browser view. The div tag is the correct size and I made the z index high enough. Here is the code of the page that works properly:
    <!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" />
    <title>DM Consulting Dry Dock Training</title>
    <link href="css styles/drydock2.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url(images/vertborderblue2.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="images/header_title_white.png" width="645" height="116" alt="header" /></div>
      <div id="logo"><img src="images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
      <div id="mainContent">
        <div id="content">
          <p><span class="bolder1">D</span><span class="bolder1">M Consulting </span><span class="lineheight">provides Dry Dock Training, Dry Dock Conferences,<br />
            Dry Dock Software and Dry Dock Consulting      for:</span></p>
          <ul>
            <li class="lineheight"> Dock Masters</li>
            <li class="lineheight">Docking Officers</li>
            <li class="lineheight">Dry Dock Crews</li>
            <li class="lineheight">Engineers</li>
            <li class="lineheight">Naval Architects </li>
            <li class="lineheight"> Port Engineers</li>
            <li class="lineheight">Program/Project Managers</li>
            <li class="lineheight">Marine Surveyors</li>
            <li class="lineheight">Owners' Representatives</li>
            <li class="lineheight">On-site Representatives</li>
            <li class="lineheight">Consultants</li>
            <li class="lineheight">Others Involved or Interested in
              the <br />
              Dry Docking of Ships and Vessels</li>
          </ul>
          <div id="testimonials">&quot;The course was excellent, straight forward and comprehensive. Instruction was great, expected <br />
            &quot;death-by-power point&quot; but was pleasantly surprised.
            I am better acquainted w/dry dock basics after the
            course and can trust the accuracy of the training
            based on the extensive experience of the instructors. Thank you!
            Very informative, very thorough.&quot;
              - David, Australia<br />
          </div>
          <div id="movie">
            <object width="560" height="340">
              <param name="movie" value="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" />
              <param name="allowFullScreen" value="true" />
              <param name="allowscriptaccess" value="always" />
              <embed src="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
            </object>
          </div>
          <div id="moreTestimonials">&raquo;&raquo;&raquo; click here for more testimonials &laquo;&laquo;&laquo;</div>
          <div id="footer"><!-- #BeginLibraryItem "/Library/copyright.lbi" -->&copy; COPYRIGHT 2010 DM CONSULTING<!-- #EndLibraryItem --></div>
        </div>
        <div id="navbar">
          <!-- #BeginLibraryItem "/Library/nav.lbi" -->
          <ul id="MenuBar1" class="MenuBarVertical">
            <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
              <ul>
                <li><a href="#outline.html" title="Outline of our Training Course">General Information &amp; Outline</a></li>
                <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">Training Course Schedule</a></li>
                <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
                <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
              </ul>
            </li>
            <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
            <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
            <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
            <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
            <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
            <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
          </ul>
        <!-- #EndLibraryItem --></div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    Here is the code for the page that DOESN'T work:
    <!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" />
    <title>Training Course Schedule</title>
    <link href="../css styles/drydock2.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url(images/vertborderblue2.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="../images/header_title_white.png" width="645" height="116" alt="header" /></div>
      <div id="logo"><img src="../images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
      <div id="mainContent">
        <div id="content">
          <h2><span class="bolder1">Training Course Schedule</span><span class="bolder1"></span></h2>
          <p><br />
          Class sizes are limited so please register early. Early registration and payment provides the best value.<br />
      <br />
          </p>
    <p class="underline"><strong>4-7 October 2010  •   Honolulu, HI, USA </strong></p>
          <div id="schedulephoto"><img src="../images/conference-rm_train_s.jpg" width="250" height="123" alt="image" /></div>
          <p>The training will be held in Pearl Harbor, Hawaii, USA. <br />
            <a href="Registration_Hawaii.html">Registration form</a><br />
            <br />
          </p>
          <p class="underline"><strong>15-18 November 2010   •   Virginia Beach VA, USA</strong></p>
          <p>The training will be held in Virginia Beach, Virginia, USA. <br />
            <a href="Registration_Virginia.html">Registration form</a><br />
            <br />
          </p>
          <p class="underline"><strong>11-14 May 2011  •   London, United Kingdom</strong></p>
            The training is held in conjunction with the Royal Institution of Naval Architects (RINA). Registration and payment will be made directly to RINA. <br />
            Visit RINA's <a href="http://www.RINA.org.uk" target="_blank">website</a> and go to &quot;Events&quot; or call +44 (0) 20 7201 2401.<br />
      <br />
          </p>
          <p><strong>Your Location</strong></p>
          <p>Training tailored to your organization's needs, including training at your facilities, <br />
            is also available.    </p>
        </div>
        <div id="nav3"><!-- #BeginLibraryItem "/Library/nav.lbi" -->
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
            <ul>
              <li><a href="#outline.html" title="Outline of our Training Course">General Information &amp; Outline</a></li>
              <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">Training Course Schedule</a></li>
              <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
              <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
            </ul>
          </li>
          <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
          <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
          <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
          <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
          <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
          <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
        </ul>
        <!-- #EndLibraryItem --></div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    I understand about having the script and  link element that connect my page to the dependent files in the SpryAssets folder in the header and the JavaScript function cal at the bottom on each page. I don't know what else to do - HELP!

    Welcome to the Dreamweaver world!
    Well, having your index.html page at the top/root level is important, as that is the default page by which people will enter your site.
    Having other pages in folders is fine...I do it all the time in order to keep departments or categories of information sorted.
    One characteristic of having pages in folders is that the hierarchy of files in folders (perforce) puts them at different depths in the site.
    This is not inherently a bad thing! Just one to remain aware of. When you look at your site files in the Files Panel, you can see a graphical representation of those different levels.
    But the nature of a library item is that it is identical in all its instances, which is what makes it useful...change it in the library, and it changes site-wide. The down-side of that identity is that when your files are at different depths in the hierarchy, their links back to, say, home (or any other same file) will change depending on the depth. You can see this if you make a link on a page, then drag the page (in the Files Panel) to a different depth...say, into a folder when it started at root level, or vice versa. Check the link, and you will see that it automatically adapted to the new path.
    Library items do not do that; they do not change, so some of your links will be 'wrong' when you refer to pages that have different paths than the ones originally set up in the library item... because of the change in hierarchy.
    All this is, of course, reliant on your creation of the site in the first place, as defining the root folder's location on your computer gives Dreamweaver a starting point for handling (juggling?) all the location-information for your site's files.
    Beth

Maybe you are looking for