Dreamweaver Template Problem

I am using Adobe Dreamweaver CS5.5 and my employer is using Dreamweaver version 9.  We have created templates, but when she tries to update the template the changes are not showing up on the attached pages.  Could someone help us find what we are doing wrong?  Also, I am a virtual assistant and live in Montana while she is in Texas.

Here are seven common mistakes that will result in changes not propagating from Template to child -
1. Rename the Templates folder
2. Move the Templates folder to some other folder level in the site other than root level
3. Move a template out of the Templates folder.
4. Make changes to an editable region of the Template (which will not propagate)
5. Assume that Template changes will be effected by just uploading the changed Template file to the server without also uploading the changed local files
6. Corrupt the site cache so that the link between Template and child page is broken
7. Improperly create your child pages by simply opening the Template, adding page specific content, and resaving the Template with an *.html extension rather than its *.dwt extension. (you can tell if this is the case by looking at the code on a child page - if you see anything like <!-- TemplateBeginEditable... then this is what you have done). If you *have done this*, then recreate the child pages (in DW) using FILE | New > Page from Template, select the Template and click CREATE.
The 6th problem can be repaired by using SITE | Advanced > Recreate Site Cache, and the six others can be fixed by just not doing them. Have you done any of those?
Or, read this -
http://www.adobe.com/go/dd83ba8b

Similar Messages

  • Dreamweaver template problems

    Is anyone else having trouble with templates? I save the template and it does not change the template pages or somewhat inconsistently. What is the deal.

    This is the page the flash bar does not appear on, yet it is in the 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/index.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #FFF;
    background-color: #FFFFFF;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color:#414958;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #4E5869;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 200px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
    float: left;
    width: 20%;
    background: #93A5C4;
    padding-bottom: 10px;
    .content {
    padding: 10px 0;
    width: 80%;
    float: left;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    text-decoration: none;
    background: #8090AB;
    color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background: #6F7D94;
    color: #FFF;
    /* ~~miscellaneous float/clear classes~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <script src="../Yahoo_Style_Menu/MenuScript.js" type="text/javascript"></script>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2299022" binding="#divId" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <p><a href="../index.html"><img src="../Images/Web-site-header1.gif" width="864" height="135" alt="Chase Air Header" /></a></p>
    <p> </p>
    3
    <div id="f_source_navigation" style="position:relative; top:20px; left:0px; width:640px;">
      <!-- Edit the following navigation in frienldy user interface http://f-source.com/gui/ -->
      <!-- saved from url=(0014)about:internet -->
      <div id='menu' style='display:none;'>
        <div><a href='http://f-source.com'>Flash menu</a></div>
        <div class='submenu'>
          <div><a href='http://f-source.com' target='_blank'>SEO friendly</a></div>
          <div><a href='http://f-source.com' target='_blank'>Flexible</a></div>
          <div><a href='http://f-source.com/ajax-menu/'>Ajax ready</a></div>
          <div><a href='http://f-source.com/menu-bar/yahoo/'>Multi-level</a></div>
          <div><a href='http://f-source.com/faq/xml/'>XML driven</a></div>
        </div>
        <div><a href='http://f-source.com/faq/'>FAQ</a></div>
        <div class='submenu'>
          <div><a href='http://f-source.com/ajax-menu/'>Ajax Menu</a></div>
          <div><a href='http://f-source.com/gui/'>Edit the menu</a></div>
          <div><a href='http://f-source.com'>SubButton2-3</a></div>
          <div><a href='http://f-source.com'>SubButton2-4</a></div>
        </div>
        <div><a href='http://f-source.com/gui/'>GUI</a></div>
        <div class='submenu'>
          <div><a href='http://f-source.com/gui/'>Friendly User Interface</a></div>
          <div><a href='javascript:alert(message)'>Test JavaScript</a></div>
          <div><a href='http://f-source.com/buy/adobeMenu/'>Drop down menu</a></div>
          <div><a href='http://f-source.com/dreamweaver-extensions/'>Dreamweaver extensions</a></div>
          <div><a href='http://webstunning.com/flv-player/demos/'>FLV Player</a></div>
          <div><a href='http://webstunning.com/photo-gallery/demos/'>Image Gallery</a></div>
        </div>
        <div><a href='http://f-source.com/support/'>Help</a></div>
        <div class='submenu'>
          <div><a href='http://f-source.com'>SubButton4-1</a></div>
          <div class='submenu'>
            <div><a href='http://f-source.com'>SubButton4-1-1</a></div>
            <div class='submenu'>
              <div><a href='http://f-source.com'>SubButton4-1-1-1</a></div>
              <div><a href='http://f-source.com'>SubButton4-1-1-2</a></div>
              <div><a href='http://f-source.com'>SubButton4-1-1-3</a></div>
              <div><a href='http://f-source.com'>SubButton4-1-1-4</a></div>
            </div>
            <div><a href='http://f-source.com'>SubButton4-1-2</a></div>
            <div><a href='http://f-source.com'>SubButton4-1-3</a></div>
            <div><a href='http://f-source.com'>SubButton4-1-4</a></div>
          </div>
          <div><a href='http://f-source.com'>SubButton4-2</a></div>
          <div><a href='http://f-source.com'>SubButton4-3</a></div>
          <div><a href='http://f-source.com'>SubButton4-4</a></div>
        </div>
        <div><a href='http://f-source.com'>&lt;b&gt;Bold Text&lt;/b&gt;</a></div>
        <div ><a href='http://www.google.com/search?q=' target='_blank'>Search</a></div>
      </div>
      <!-- Flash Object code (EMBED tag will be generated automatically) -->
      <div id="f-source-menu" style="position:relative;" >
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="Yahoo_Style_Menu" width="640" height="37" >
          <param name="movie" value="Yahoo_Style_Menu/menu.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <param name="FlashVars" value="flashlet={bg_Pic_URL:'None',xml_Path:'',stretch_width_to:'640px',_TransparencyShad ow:27,_removeSubDelay:500,_minSubWidth:60,_max_height:550,showSearchField:false,searchFiel dWidth:100,searchTextColor:#000000,mainSoundURL:,clickSoundURL:,subSoundURL:,_mainButtonHe ight:37,_menuColor:#8B7BEA,_mainFont:'Arial, Helvetica, sans-serif',_mainFontSize:13,_mainButtonTextColor:#FFFFFF,_mainButWidthExt:1,_mainHighlig htColor:#6f5dd3,_TransparencyMain:100,_subButtonHeight:20,_subMenuColor:#4F3BBF,_subFont:' Arial, Helvetica, sans-serif',_subFontSize:10,_subButtonTextColor:#FFFFFF,_subHighlightColor:#8B7BEA,_Trans parencySub:100,_pos_type:'relative',_pos_centered:false,_pos_top:20,_pos_left:0,_pos_inser t:'the insertion point',_pos_z:0,_file_folder:'Yahoo_Style_Menu'}" />
          <noscript>
            The <a href="flash" _mce_href="http://f-source.com/">flash">http://f-source.com/">flash menu</a> provided by f-source.com. All Rights Reserved
          </noscript>
        </object>
        <script type="text/javascript">var connected; var message="Hello!"; if (connected){ Run_f_source_menu() }else{ alert("The file MenuScript.js could not be loaded!") }</script>
      </div>
    </div>
    <p><a href="schedule a tune up.html"><img src="../Images/tune-up-buttion.gif" width="250" height="250" alt="Schedule a precision tune up today" /></a><!-- InstanceBeginEditable name="EditRegion3" --><img src="../Images/Schedule-a-tuneup.gif" width="600" height="250" alt="schedule a tuneup" />EditRegion3<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="EditRegion4" -->EditRegion4<!-- InstanceEndEditable --></p>
    <p><img src="../Images/scheduleestimate.gif" width="200" height="75" alt="Schedule a FREE estimate" /> <a href="../schedulerepair.html"><img src="../Images/schedulearepair.gif" alt="Schedule a repair" width="200" height="75" border="0" /></a> <img src="../Images/schedulemaintenance.gif" width="200" height="75" alt="Schedule maintenance" /></p>
    </body>
    <!-- InstanceEnd --></html>

  • Dreamweaver Template problem updating links since upgrading to cs 5

    I've just installed DW CS5 onto my W7 system.
    Can some one please explain why when I update the menu links on my template
    now
    All my links are displayed like this now when the template updates
    <li><a href="membrane_keypad.htm">Membrane Keypads </a></li>
    I wish them to be like how they were below
    <li><a href="../membrane_keypad.htm">Membrane Keypads </a></li>
    Even if I hard code like the above code ..//membrane_keypad.htm  dreamweaver cs5 over writes
    them when I update the template.
    Is there a setting somewhere I have missed.
    I never had this issue on CS4
    Regards
    Ian

    The links in the page will depend on what the links look like in the Template file and where the child page is saved in the site.
    So - what do those links look like in the Template file?  Where is the child page saved in the site?
    Dreamweaver manages links in Template files and in Library items so that they are adjusted to account for saving that child page at any folder location in the site.  Are you saying you DON'T want DW to do that?
    For what it's worth, there is no difference between CS5 and CS4 regarding management of these links.

  • Problem Uploading Dreamweaver Template

    Hi,
    I am using Dreamweaver 8, and decided to revise my website
    using a Dreamweaver template. The pages look GREAT when I preview
    them in Firefox or IE. But when I uploaded the home page, using an
    FTP program, the page looked like a mess! None of the columns in
    the template were there. The formatting is all wrong, and the links
    don't work! This page is horrible! I don't understand since they
    looked great in the preview. Can somebody tell me what I've done
    wrong?
    If you'd like to view the mess, it's at
    http://www.karathecomputertutor.com
    Thanks!

    > If you'd like to view the mess, it's at
    http://www.karathecomputertutor.com
    > Thanks!
    there's a problem with the way you've defined this site in
    dreamweaver.
    the link you gave is at the root level of the public hosting
    for that
    domain.
    but the css link is:
    <link rel="stylesheet"
    href="../karathecomputertutor4.1/3col_leftNav.css
    and the links farther down in the page also are "../
    that means go up one folder level.
    there is no up from the root level.
    The site needs to be defined so that the "homepage" file,
    index.html is at
    the root level of what you've picked for the Local Site
    Folder.
    and, all the site files need to be in the Local Site Folder
    of course.
    and, the remote has to show the public level, with the
    index.html file in
    the root (use the "Host Directory" line in dw if your files
    need to go into
    a folder like "public_html" or "www" for example)

  • Dreamweaver Template & CSS Dropdown Menu Problem

    The following website (K
    WEBSITE ) is up and as you can
    see, dropdowns work fine in Firefox and IE 7, but only work on home
    page in IE 6. Seems to be a template problem... not sure. The
    dropdowns do not even show up!
    Can anyone help, please!!! I am going nuts with this.
    Thank you,

    Try adding display:inline-block to your nav ul rule:
    nav ul {
        display:inline-block;
        margin: 0;
        padding: 0

  • Mark of the web/template problem

    I created three Dreamweaver Templates for my site. I inserted the mark of the web code to each template to allow me to test and preview pages without the pop-up messages. All of my pages are about done and some pages using spry and SWF files weren't previewing properly in IE so I decided that it was time to remove the mark of the web code from the templates. As soon as I tried doing this I got a message about data outside the HTML tag and if I continue changes to pages based on this template will not occur unless you insert the following code <!--TemplateInfo CodeOutsideHTMLisLocked="true"-->.
    So I hit continue. I got a couple of other error messages telling me I did something wrong. I went back into my template and typed in the code Dreamweaver told me to enter. I saved the template and got some more errors. I didn't think to copy it all down at the time. So after all these nasty messages I'm not sure what's happened. So I make some changes to a horizontal spry menu and hit save. I get some more error messages about the changes will not affect pages based on the template. I have to cancel out of a couple of error dialog boxes. I load a few pages that were based on the template and see that none of the changes that I made to the spry menu on the template are reflected on the html pages created from the template.
    So I go into the template and try deleting all references to the mark of the web code. Then I try changing the CodeOutsideHTMLisLocked="true"--> to "false." That didn't work. Then I tried deleting the entire line <!--TemplateIinfo CodeOutsideHTMLisLocked="true"--> thinking that if I just got rid of all of it that it would fix my problem. No such luck.
    So now I start searching online for answers and I see some things about attaching and detaching templates. Okay, so maybe if I detach the template and then re-attach it everything will update. When I follow the instructions to do this I learn that the page is no longer attached to a template. That would explain why my changes in the template aren't updating the other pages. So then I try re-attaching the template. I open the assets panel, click on templates, select the template, and then click apply. Nothing. It won't let me attach a template. Template properties shows no template properties available.
    Here is some of the code from of a page based on the template two_column.dwt
    <!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/two_column.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="document_info" -->
    <title>ONA</title>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <meta name="Description" content="This page contains images of some of the former employes of Overseas National Airways." />
    You can't see it the code I pasted but everything after 1999/xhtml is grayed out and you can't edit it.
    So now I'm totally confused and have no idea what I need to do to straighten this mess out.

    I thought I'd update this discussion and close it out. The reason why my pages weren't updating was because I
    was using a template improperly. I had made the menu editable, which you're not supposed to do. The whole mark of the web issue was unrelated to my problem.

  • Dreamweaver Template Without Dreamweaver

    Hi.
    I'm doing an internship for the semester and the place i work is having me redesign their intranet.  I'll be gone in December, and while no immediate changes will really need to be made, over time they will probably want to do something such as adding a link in the side menu...
    The problem is, I don't think they use Dreamweaver--if they're using another web design program, is it possible for them to edit the dreamweaver template I've created for them?
    Thanks.

    Another approach is to use Server-Side Includes (text files) that contain hyperlinks, common headers & footers for example.   Person responsible for updates could edit the SSI files in any html editor.  Upload to server and the server would populate changes throughout the site.
    More on SSIs:
    http://www.smartwebby.com/web_site_design/server_side_includes.asp
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Edit First line in dreamweaver templates

    Hello,
    When I create a page from a Dreamweaver template, a
    dreamweaver comment similar to the one below will be inserted:
    <!-- #BeginTemplate "/Templates/test.dwt" -->
    Each time I edit a page to add php code in the very first
    line, it is removed with every template update and the source code
    again starts with the dreamweaver comment. I need to add to all my
    pages a php code in the very first line like this one:
    <? $ob_start; $session_start; ?>
    How can I do that without removing the code from my pages
    with each template update. Another problem is that I can't insert a
    placeholder in the very first line of a dreamweaver template. Above
    that the first line is locked in dreamweaver, so that I can't
    change it manually. Is there any workaround available?
    Thanks,
    Philip

    > How can I do that without removing the code from my
    pages with each
    > template
    > update. Another problem is that I can't insert a
    placeholder in the very
    > first
    > line of a dreamweaver template. Above that the first
    line is locked in
    > dreamweaver, so that I can't change it manually. Is
    there any workaround
    > available?
    Put the code ABOVE the <html> tag.
    Which DW are you using? It looks like DW4 or earlier....
    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
    ==================
    "flip3" <[email protected]> wrote in message
    news:ec40u0$mr3$[email protected]..
    > Hello,
    >
    > When I create a page from a Dreamweaver template, a
    dreamweaver comment
    > similar to the one below will be inserted:
    >
    > <!-- #BeginTemplate "/Templates/test.dwt" -->
    >
    > Each time I edit a page to add php code in the very
    first line, it is
    > removed
    > with every template update and the source code again
    starts with the
    > dreamweaver comment. I need to add to all my pages a php
    code in the very
    > first
    > line like this one:
    >
    > <? $ob_start; $session_start; ?>
    >
    > How can I do that without removing the code from my
    pages with each
    > template
    > update. Another problem is that I can't insert a
    placeholder in the very
    > first
    > line of a dreamweaver template. Above that the first
    line is locked in
    > dreamweaver, so that I can't change it manually. Is
    there any workaround
    > available?
    >
    > Thanks,
    >
    > Philip
    >

  • Dreamweaver Templates with Web Gallery

    I have built a site in dreamweaver CS4 I have used a Dreamweaver Template for my pages. Rather than clog my pages up with images I used Adobe Bridge to create a web gallery, It created a gallery ok and I saved it to my hard drive. It created two items, a resourses folder and an "index" file. So I I copied and pasted the two items into my Dreamweaver folder I created and called SS_Bridge. I pointed a link I created to point to the "index" file within the SS_Bridge Folder in Dreamweaver, Will this create a problem as there will be two "Index" files within my site
    jjrutter

    The "home" page index file would be at the root level of the site.  Other folders within the root can all have their own index (default) files.

  • Dreamweaver Template Issues

    Heyyy,
    I have been trying to set up some Dreamweaver Template files.
    I have defined an editable region for the content to go in, I then create a new file using this template and start editing the page.  However when I put in too much content, the editibale region doesnt flow or stretch its height to match the content. (I have attached a screenshot of DW to show that the design looks fine, but you can tell that the content overflows the editable region guidelines)
    This isn't a problem in any browser apart from IE7 (which I have attached a screenshot of to show you what is happening) where the content doesn't display properly.
    I was just wondering if anyone might know how to correct this issue?  If I need to provide any more details, code or screenshots it would be great if you could let me know.  And thanks for any help offered!
    Cheers,
    Ezra

    Ezra-The best thing you can do to get help on this is put that page out there on a web server and provide a link. That will give the very helpful people here all the resouces needed to view what might be causing your problem. If you don't do this, it's just a guessing game that really nobody wants to play.

  • Dreamweaver TEmplate

    I created a webpage using the dreamweaver template when I
    open it in the browser in a maximize screen its perfect but when I
    adjust the size the content on the middle 'div' is going to the
    bottom at the page. How can I do it like if I resize the page The
    contents will not be affected? Thanks!!

    > Of course the image in the middle
    > Section which is 3 inches wide will not fit. Right?
    That's correct, although inches mean nothing on the screen of
    a variety of
    users. Pixels would be the more consistent and proper unit of
    measure.
    > In regards with the css,java, html,
    It's javascript, not Java. The two are completely different
    things.
    > why did you say it?s advanced?
    The layout method used on the page is a bit arcane and unlike
    other 2/3
    column layouts I have seen.
    > I know that it?s just to make a template command
    > so that you can edit a certain section by using css
    > style sheets right?
    Hmmm - I don't understand what you are saying. CSS would have
    nothing to do
    with whether or not you can edit a section.
    > But isn?t dreamweaver will make the code for you?
    DW will not prevent you from making a mess of those pages,
    even though It's
    doing what you are telling it to.
    > What kinds of difficulties or problems do you think
    > that I will have in the future?
    Go here -
    http://groups.google.com/advanced_group_search?q=+group:macromedia.dreamweaver
    Search this forum for "HALO" or "CSS template". You will have
    all of those
    problems, perhaps.
    Look - I don't want to discourage you from using this as an
    ACADEMIC
    exercise, but I don't think it's a good choice for any
    commercial entity.
    There are much better free/commercial choices you can make -
    http://dreamweaverresources.com/
    http://www.projectseven.com/
    This is two of the best, in my opinion.
    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
    ==================
    "teamse" <[email protected]> wrote in
    message
    news:[email protected]...
    > Ok.Thanks I think that answers my questions because
    > If I resize the page to be only 2 inches wide
    > Of course the image in the middle
    > Section which is 3 inches wide will not fit. Right?
    >
    > In regards with the css,java, html, why did you say
    > it?s advanced? I know some things with html
    > and css I know that it?s just to make a template command
    > so that you can edit a certain section by using css
    > style sheets right? About Java, I don?t have any clue.
    > But isn?t dreamweaver will make the code for you?
    > The only thing that worries me is the navigation
    > Bar. But isn?t to edit it I?ll just have to put the
    > Link page for all the menu that I placed in the
    > Navigator bar?
    >
    > What kinds of difficulties or problems do you think
    > that I will have in the future?
    >
    > Thank you so much..
    >
    >

  • Dreamweaver template declaration affects Google Map loading

    My Dreamweaver Template declaration statement
    <!-- InstanceBegin template="/Templates/kayaking.dwt" codeOutsideHTMLIsLocked="false" -->
    is preventing a Google Map from loading.  It works fine in IE and Firefox, but not in Safari and Chrome.  The weird thing is, if I move it above the following declaration is works fine.
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    Dreamweaver inserts and locks this code so the only way I get it to work is to either detach it from the template completely or edit the code in a text editor before upload.  I need a different fix.  I'm hoping that there is actually other code in my page that is leading to the declaration problem although it seems unlikly.
    For reference here is the html that calls the map
    <a href="javascript:;" class="content" title="Location Map" onclick="mopen('map1');loadScript();return false">Location Map</a></p>
                      <div id="map1" style="visibility:hidden;"> <span class="content"><a href="javascript:;" class="closemap" onclick="mclose('map1')" title="Close Map">Close</a> </span>
                        <div id="googlemap1"> </div>
                      </div>
    For the code or to see for yourself go to http://www.outbackadventures.com/trips_classes/kayaking/kayak_classes/intro_paddling/index 2_3.html
    Any help would be much appreciated.  Thanks.

    The problem has been solved.  It seems that Google Chrome and Safari do not entirely ignore comment tags such as Dreamweaver's template declaration.
    In my "lazy load" Google Map code taken from a Google employee suggestion
    http://groups.google.com/group/Google-Maps-API/msg/4e2acbe1ca7f0324
    Example at http://imagine-it.org/google/gmaps-samples/dynamicloading.html
    there is this line of code
    document.documentElement.firstChild.appendChild(script);
    As I understand it Chrome and Safari may read the Dreamweaver template comment
    <!-- InstanceBegin template="/Templates/kayaking.dwt" codeOutsideHTMLIsLocked="false" -->
    as the first.Child and therefore results in invalid html causing an error and no loading of the script.
    This was solved by the help of folks at this post:
    http://groups.google.com/group/google-maps-api/browse_thread/thread/101bc4c59d098367/0decf 0c096119f82#0decf0c096119f82
    Essentially the code above needs to be modified so that it reads from the head section rather than from above it. To fix this, replace the above code with either one of the following lines:
    document.getElementsByTagName(\"head\")[0].appendChild(script);
    document.documentElement.getElementsByTagName(\"head\")[0].appendChild(script);

  • Need Help Reslicing Photoshop Site Layout to Update Dreamweaver Template

    I created a website in adobe photoshop cs3 and sliced it up
    to created an html file with sliced images. My main navigation menu
    is made up of graphics.
    I brought it into dreamweaver and created editable regions,
    created rollovers etc. Then I created a dreamweaver template from
    that to create the rest of the web pages for my site.
    The client has come back to me and wants to add more menu
    options to the site. This is where I'm stuck! When I use photoshop
    to make more menu slices, it renumbers them. How do I export the
    new slices with the new layout so I can use them to update my
    dreamweaver template. How can I get those new slices/html layout to
    the dreamweaver template without losing all the work I have done on
    my current dreamweaver template?
    issuenite

    > Why does photohshop even provided a slicing feature if
    it does not provide
    > good code?
    The slicing is not the problem. It's the export as HTML that
    is the
    problem. And you'd have to ask Adobe that question if you
    want an answer.
    We are all just volunteer peers here.
    > What is better about Fireworks? I have the program but
    have never used
    > it.
    FW HTML is no better.
    http://www.adobe.com/devnet/fireworks/articles/why_fireworks.html
    At any rate, read this -
    http://apptools.com/rants/spans.php
    - and then look
    at your code and count colspan, and rowspan attributes.
    Unfortunately, the
    only way to avoid this mess is to learn enough HTML/CSS that
    you can build
    your own tables in DW, and do it in such a way that you don't
    rely on
    merging and splitting cells (which is what generates those
    colspan and
    rowspan attributes).
    Again, unfortunately, you are REALLY stuck in a bad
    situation. Since you
    have a) used a completely graphic menu button array, and b)
    used a graphic
    background behind the menu buttons, and c) chosen to embed
    that graphic
    background in each sliced button, you cannot add new buttons
    without
    remaking the entire menu. You will only make that mistake
    once. I never
    start building menus until I have an approved site plan in
    hand. By the
    way, that's a nice looking layout.
    I don't see any clear path to salvation here. Since you are
    absolutely tied
    to PS for exporting the HTML and slices, you will have to
    recreate
    everything, I believe.
    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
    ==================
    "issuenite" <[email protected]> wrote in
    message
    news:[email protected]...
    > >That's a very bad start. This HTML is *not* suitable
    for production use.
    >
    > Why does photohshop even provided a slicing feature if
    it does not provide
    > good code?
    >
    >
    > > If you used FW to create the graphics, and DW to
    build the page and
    > > write
    > > the HTML, you wouldn't be having this problem.
    However, if you post a
    > > link
    > > to the page, we will likely be able to help you.
    >
    >
    > What is better about Fireworks? I have the program but
    have never used
    > it.
    >
    > The site is in its infancy at www.kevinkipfer.com
    >
    > thanks
    > issuenite
    >

  • Dreamweaver template to update file other than html?

    Hi,
    I am using Dreamweaver CS4 to manage my website.
    The problem is i cannot get Dreamweaver to update my .tpl (php template)
    Any idea?
    Thanks

    Thanks,
    I finally figure it out how to get if fix.
    May be i should say it clear, i use dreamweaver template which is a dwt file to update all html pages in my website.
    But some of the file i use which is tpl extension (the same as html file but with template variables). The dreamweaver
    did not recognize it. The page did not show up when i make changes in dwt file.
    Then what i do is change the "configuration" > "DocumentTypes", so that dreamweaver recognize tpl as a type of html file.
    After that i change extension.txt file also. Rebuild site cache. And now its done.

  • Dreamweaver Template Error: Error reading file (Site Location/info) returned incomplete data

    Hello!
    I am working on new website we are creating for our company. I have never really had any Dreamweaver template file errors before...so this one has me really stumped! We purchased the site files from Template Monster and I have contacted their tech support, but I have not had much luck with them.
    I started out by creating the Dreamweaver template folder that includes the template files that I would like to use. I started creating some pages using the template. I placed all the html pages in the main folder of the website. When I go to update the template to those pages I get the following error: "Error reading file (Site Location\Folder name\Dreamweaver template name) returned incomplete data".
    I am not sure what I am doing wrong. Any help and advice would be greatly appreciated!
    The site is a CSS based site with a Flash navigation menu. Since it is in the production phase, I do not yet have it placed on a server so you can take a look at it at this time (although if really needed and we cannot find an answer, I may be able to get the test site on line - if someone thinks they can help me answer this problem by viewing the site). Right now the site is housed in the same place we house all of the other sites we have produced and all of our other templates on our other websites work just fine. The main difference with this site is that we did purchase files from Template Monster to help speed us along during the construction of the page structures and also this site has a Flash Navigation Menu and a few other Flash elements (something our other sites do not really have).
    I am using Abobe Dreamweaver CS5 and Windows 7
    Thanks again for taking the time to help find and answer to this problem!
    -J

    I am curious as to why no one likes them around here.
    They have spammed these forums in the past.
    The code on their pages is rarely 'best-practice' code.
    There are much better choices available.
    My co-worker and I have to share the files, since we are editing the site together. The files are not local on our computers, but on the company's f drive that have Novell on it.
    This arrangement is a recipe for disaster.  The correct way to collaborate on a site with a colleague is with the following setup:
    Each of you must have a LOCAL site (local to your workstation)
    You would use a single remote location as a staging area, so each of you would have a site definition that specifies your own workstation for the local site, and the same network shared location as the Remote site
    You will both need to enable Check In/ Check Out
    You will both have to agree to PLAY BY THE RULES!
    One (or both) of you will also need to have a second site defined that has the staging server as the local root folder, and would have the PRODUCTION server as the remote site.  I'll explain how to use this site soon.
    When you use CI/CO, your 'gold-standard files' are on the staging server.  To begin working, you would connect to the staging server, and double click on a file, which will a) fetch the file from the staging server to your local site, and b) CHECK OUT the file to you.  As long as you have the file checked out, it cannot be edited by your colleague.  When you are done with your edit, you would CHECK IN the file (which uploads it to the staging server).  It can now be edited by your colleague.
    When you add templates to this scenario, things get even more complicated, although manageable.  If you ever need to make a change to a template you must use the following procedure:
    ALL FILES MUST BE CHECKED IN - this includes both you and your colleague.
    One of you would connect with the SECOND SITE, open and edit the template, and save it propagating the changes to all "LOCAL" files (i.e., on the staging server).
    Each of you would then need to return to the FIRST SITE, and again check out any files you want to work on.
    When changes are done, and files are ready to publish, connect to the SECOND SITE, and upload the files from STAGING to PRODUCTION.
    Does that make sense?  It's important that it does.
    I need to add in one more tab/link to the Flash nav bar.
    Using Flash for navigation is a VERY POOR CHOICE, unless you also have redundant, text-based navigation on the pages.  By using Flash to navigate, you guarantee: a) your pages will not be spiderable by search engines, b) your pages will not be navigable by iPlatforms, and c) your pages will be inaccessible to anyone browsing with screen assistive devices.  Someone is making bad decisions about this site, in my opinion.

Maybe you are looking for