36 Replies Latest reply on Apr 17, 2013 6:31 PM by drummingindigital

    Dreamweaver CS4 Template question -  background image MISSING on all new child pages !

    Chamuel333

      Subject:  Dreamweaver CS4 Template question -  background image MISSING on all new child pages !

       

      Can anybody help me fix my Dreamweaver CS4 template page?  This problem  began a few weeks agao when I reinstalled Dreamweaver on my new  computer (Windows 7). On my old computer, the same template worked fine when  creating "child" pages. Now, something's wrong with the BACKGROUND IMAGE  (everything else is ok).

       

      SYMPTOMS:

       

      When I preview the  original template page in Dreamweaver, it DOES look 100% correct  (including the correct BACKGROUND-IMAGE).  Here is the code for the  background-image:

       

      body  {
      font: 100% Verdana, Arial,  Helvetica, sans-serif;
      margin: 0;
      padding: 0;
      text-align: center;
      color: #000000;
      background-image:  url(../images/blends/blegtext.gif);
      }

       

      But, when I create a  NEW (child) page from the template, I click on "File - New - Page from  Template", and select the template. Dreamweaver then creates the new  child page correctly (everything looks fine) EXCEPT that it inserts an  INVALID PATH for the BACKGROUND-IMAGE. The result is that there is NO  background image displayed on the page (because of the wrong path)  (Before I reinstalled on my new computer, Dreamweaver used to insert the  CORRECT path for the BACKGROUND-IMAGE). Here is the code with the new  INCORRECT PATH for the background-image when creating child pages:

       

      <style type="text/css">
      <!--
      body  {
      font:  100% Verdana, Arial, Helvetica, sans-serif;
      margin: 0;
      padding: 0;
      text-align: center;
      color: #000000;
      background-image: url(file:///C|/Users/Jim/My Web  Pages/cheapfastresumes/images/blends/blegtext.gif);
      }

       

       

      Does anybody know how I can fix this?

        • 1. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
          Scataloth

          I'd take a look directly at your CSS file and make sure its valid there.

          • 2. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
            Chamuel333 Level 1

            Thanks for your reply.

             

            Can you please be more specific in your answer?   I am a total beginner.

            • 3. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
              hans-g. Adobe Community Professional & MVP

              Hi,

               

              this here seems to me it's a temporary and not your permanent directory on your harddisk, : url(file:///C|/Users/Jim/My Web. Your url is(../images/blends/blegtext.gif);

               

              Please check it.

               

              Hans-G.

              • 4. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                Chamuel333 Level 1

                Thanks for your reply.

                 

                But I do not understand your answer.   Explain?

                • 5. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                  thefirstpoohbear

                  i never asked a question or blogged you but thank you

                  • 6. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                    hans-g. Adobe Community Professional & MVP

                    Hi,

                     

                    hope my English is enough for you. You should control the path in red (it's from your post):

                     

                    <style type="text/css">
                    <!--
                    body  {
                    font:  100% Verdana, Arial, Helvetica, sans-serif;
                    margin: 0;
                    padding: 0;
                    text-align: center;
                    color: #000000;
                    background-image: url(file:///C|/Users/Jim/My Web  Pages/cheapfastresumes/images/blends/blegtext.gif);
                    }

                     

                    :///C aso. can't be a correct path! Maybe you remember DW "said" to you, that you didn't store your file before for example embedding an image and so DW created a temporary directory for your file. That means, you have to change the path, best change it in code view!

                     

                    Hans-G.

                    • 7. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                      Chamuel333 Level 1

                      Thanks again for your time.

                       

                      But I do not understand how to fix this.  Sorry

                      • 8. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                        hans-g. Adobe Community Professional & MVP

                        Hi Chamuel,

                         

                        step by step (translated from German DW):

                         

                        1. insert background image --> Page Properties

                         

                        dr01.jpg

                         

                         

                         

                        2. if you didn't save your file till now this message appears:

                         

                         

                        dr.jpg

                         

                         

                        and now appears so too this wrong path!!!

                         

                        dr03.jpg

                         

                         

                         

                        dr02.jpg

                         

                         

                        Now, the best way is to store before, or look to this path in your file and correct it in your source code, ok?

                         

                        Hans-G.

                        • 9. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                          Chamuel333 Level 1

                          Hans, thanks for your help and the pictures, too.

                           

                          However, the problem is not fixed.

                           

                          The template code AFTER it is carefully "saved" is:     

                           

                               background-image:  url(../images/blends/blegtext.gif);

                           

                           

                          But when the template creates a new "child" page, the template CHANGES that code in all new "child" pages to this:

                           

                               background-image: url(file:///C|/Users/Jim/My Web  Pages/cheapfastresumes/images/blends/blegtext.gif);

                           

                           

                          Jim

                          • 10. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                            hans-g. Adobe Community Professional & MVP

                            Hi,

                             

                            it looks like that you use a template, which you can't change in this area (in source code appearing light gray, written is something like:

                            <! - InstanceEndEditable ->. That what you can change is an editable region between:

                             

                            <!-- InstanceBeginEditable name="title" -->

                            <title>Her you can edit your file</title>

                            <!-- InstanceEndEditable -->

                             

                            Sometimes helps to delete all these these <!-- and --> in your source code, in my so-called sledgehammer method, there where they disturb. Copy the source code in a simple txt-editor and change and delete these <!-- and -->, you can't edit otherwise. Then back with the contents into a really new and blank DW-file (that means you have to delete all entries in your source code befor you copy the changed text file).

                             

                            If these hints aren't successful, please send the link to your website.

                             

                            Hans-G.

                            • 11. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                              Zabeth69 Level 5

                              Another thing to remember with templates and child pages is that you need to save the child page immediately after making it, to resolve the links.

                               

                              Also, don't upload any child page that you have not saved, because it will carry with it the unresolved links.

                               

                              Don't know if this is your difficulty.

                               

                              Beth

                              • 12. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                TLG31

                                Was this ever resolved for you?  I have the same problem, but only for images in imbedded CSS in my template, haven't combined and removed CSS yet.  I've done this for other templates and never had this problem.  Thanks

                                Terry

                                • 13. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                  ryan137

                                  I am having the same problem and none of the solutions I have found have helped.

                                   

                                  The background image is located in a subfolder on my website.  In the template, the image URL is ../Site Images/bgimage.gif.  However on all of my child pages, the HTML shows that the "../" is removed and thus the URL on the child pages is "Site Images/bgimage.gif".  I can see the background image on all of my pages INSIDE Dreamweaver but once published they disappear, which I attribute to this change in the HTML.  How can I get Dreamweaver to stop removing the "../" from the URL on the child pages?

                                   

                                  Thanks in advance for any assistance

                                   

                                  Ryan

                                  • 14. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                    TLG31 Level 1

                                    Ryan,

                                    I think it may be a bug, but my work around was to remove to CSS to a separate file.  I tried some things that worked, but seemed to much like the work arounds that they were (besides being a pain in the neck to have to do with each new page) and wasn't sure if they'd backfire at some point.  I found that when I first created the html page from the template it was wrong.  If I then made a change to the htlm- even just adding a space & removing it so that it would ask if I wanted to save it - the problem fixed itself.  That just seemed to unstable, so I finally moved the css out of the html & into it's own file.

                                     

                                    I hope this helps, I just found it by trial and error, no other web post seemed to have an answer.

                                    Terry

                                    • 15. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                      Zabeth69 Level 5

                                      I can confirm that background images only work well with Templates when the CSS is defined in an external CSS stylesheet. So your experimentation agrees with what I have found. Best not to have ANY CSS styles in the head of your Template, especially if they refer to images.

                                       

                                      Beth

                                      • 16. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                        joplateau-EB2FjN

                                        Hi,

                                         

                                        Open your closing all other child pages then with the template page still open and the image background still nested on it I assume it is still on it, go ahead move your keyboard space bar in pretense, it will then request that you should save the page. At this point save the page and it will open a dialog box to ask if you want to update all child pages, highlight all the pages and click update on the next dialog box check the library box and click save then close the dialog box. Now open one of the child pages and check you will see that your entire child pages are now updated.

                                         

                                        It worked for me I hope it will work for you too. Please let me know.

                                         

                                        Joplateau

                                        • 17. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                          MurraySummers Level 8

                                          I completely disagree.  If the link is correct, background images work fine whether they are specified in an external stylesheet or are embedded.  There is no dependency on this when working with templates.

                                          • 18. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                            gregten

                                            I had this exact same problem. Background images would appear fine in my template file, but would not appear when I used the template to generate a new page. I moved the css to an external style sheet and now it works fine—when I create a new page based on the template, now all the background images come in just as in the template file. Yes this is very confusing for us novices, and caused me some wasted hours of frustration.

                                             

                                            Greg

                                            • 19. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                              rsm1948

                                              I have a similar problem. While working on my site on my computer, all the images look fine.  If I open the files directly from the remote site, it looks fine.  BUT when a web browser opens a file, the pictures are gone, including the background image (bg.png) and an image in the table. ALT text p(ink peony) shows instead.  Here is the address:

                                               

                                              www.msu.edu/~mccrory/

                                               

                                              And here is code for the template up to the end of a table row that includes the peony picture.

                                               

                                              This was working perfectly until I downloaded DWCS5 and updated the template.  Same problem on the body of pages, not only on the template.

                                               

                                              RM

                                               

                                               

                                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

                                              "http://www.w3.org/TR/html4/loose.dtd">

                                              <style type="text/css">

                                              <!--

                                              .style15 {font-size: 10px}

                                              -->

                                              </style>

                                              <head>

                                              <!-- TemplateBeginEditable name="doctitle" -->

                                              <title>McCrory Template</title>

                                              <!-- TemplateEndEditable --><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

                                              <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->

                                              <style type="text/css">

                                              <!--

                                              body,td,th {

                                              font-family: Arial, Helvetica, sans-serif;

                                              font-size: 10px;

                                              color: #000000;

                                              }

                                              body {

                                              background-image: url(../images/bg.png);

                                              }

                                               

                                              a:link {

                                              text-decoration: none;

                                              color: #990000;

                                              }

                                              a:visited {

                                              text-decoration: none;

                                              color: #990000;

                                              }

                                              a:hover {

                                              text-decoration: underline;

                                              }

                                              a:active {

                                              text-decoration: none;

                                              }

                                              h1 {

                                              font-size: 12px;

                                              color: #000000;

                                              }

                                              .style7 {font-size: x-small}

                                              h2 {

                                              font-size: 12px;

                                              color: #000000;

                                              }

                                              .style17 {color: #000000}

                                              .style18 {font-size: 12px}

                                              .style19 {font-size: 18px}

                                              -->

                                              </style></head>

                                               

                                              <body background="../images/bg.jpg">

                                              <table width="800" border="0" align="center" cellpadding="3" cellspacing="0" bordercolor="#FFFFFF">

                                                <tr>  <td height="25" bgcolor="#C2D7D4"> </tr>

                                                <tr>

                                                  <td bgcolor="#C2D7D4"><table width="750" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="C2D7D4">

                                               

                                                <tr>

                                                      <td bgcolor="#DAE8F5"><div align="left">

                                                        <table width="750" border="0" cellspacing="0" cellpadding="4">

                                                          <tr>

                                                            <td width="319"><img src="../images/peony.gif" alt="Pink Peony Picture" width="320" height="183"></td>

                                                            <td width="431" valign="bottom"><p class="style19">Raven McCrory</p>

                                                              <p class="style19">mccrory at msu.edu</p></td>

                                                          </tr>

                                                        </table>

                                                        </div></td>

                                                    </tr>

                                                    <tr>

                                                      <td><table width="750" border="0" align="center" cellpadding="3" cellspacing="0">

                                                        <tr bgcolor="#C2D7D4">

                                                          <td height="20" colspan="3"></td>

                                                          </tr>

                                                        <tr bgcolor="#FFFFFF">

                                                          <td width="135" align="left" valign="top" bgcolor="#99CCCC"><table width="135" border="0" cellpadding="4" cellspacing="0" class="style15">

                                                            <tr>

                                                              <td><span class="style17 style18">Research</span></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="http://meet.educ.msu.edu/" class="style15">Mathematical Education of Elementary Teachers: ME.ET Project</a> </span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="../NBPTS/index.htm" class="style15">National Board Certified Teachers and School Community</a></span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="../resume.htm" class="style15">Resume</a></span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="../publications.htm" class="style15">Publications</a></span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><span class="style17 style18">Affiliations</span></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="http://education.msu.edu/te/phd/">PhD Program in Curriculum Teaching and Educational Policy</a></span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><p align="right" class="style15 style17"><a href="http://www.dsme.msu.edu/mathed/index.htm">PhD Program in Mathematics Education</a></p>                  </td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="http://www.cptm.us/">Center for Proficiency in Teaching Mathematics</a> </span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><span class="style17 style18">Teaching</span></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="../930.htm">Introduction to Inquiry CEP930 </a></span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="../953.htm">Teachers and Technology CEP953 </a></span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="../201.htm">Mathematics for Elementary Teachers <br>

                                                                MTH 201 </a></span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td><div align="right"><span class="style17"><a href="../913.htm">The Psychology and Pedagogy of Mathematics<br>

                                                                CEP913</a>                  </span></div></td>

                                                            </tr>

                                                            <tr>

                                                              <td align="right"><p class="style15">The History of Mathematics<br>

                                                                SME430 Fall 2011</p></td>

                                                            </tr>

                                                          </table>

                                              </td>

                                                          <td width="572" align="left" valign="top" bgcolor="#FEEFDE"><div align="left"><!-- TemplateBeginEditable name="Body" -->Body<!-- TemplateEndEditable --></div></td>

                                                          <td width="31" bgcolor="#99CCCC"> </td>

                                                        </tr>

                                                        <tr bgcolor="#FFFFFF

                                                ">

                                                          <td colspan="3"><table width="750" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#DAE8F5">

                                                              <tr bgcolor="#FFFFFF">

                                                                <td width="48"> </td>

                                                                <td width="684" class="style7"> </td>

                                                              </tr>

                                                            </table>              </td>

                                                          </tr>

                                                      </table></td>

                                                    </tr>

                                                  </table></td>

                                                </tr>

                                                <tr>

                                                  <td bgcolor="#C2D7D4"><div align="center" class="style7">

                                                    <div align="center" class="style7"><a href="http://www.msu.edu/">Michigan State University</a> | <a href="http://www.educ.msu.edu/">College of Education</a> | <a href="http://ed-web3.educ.msu.edu/te/">Teacher Education</a></div>

                                                    <p><a href="../index.htm">Home</a> | Site Map | email mccrory at msu dot edu | &copy;2006-11 Michigan State University </p>

                                                    </span></div></td>

                                                </tr>

                                              • 20. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                Zabeth69 Level 5

                                                Although it seems that your question is similar to the thread on which you posted your question, I believe you will get more help if you post a new thread.

                                                 

                                                At the same time, I ran your URL through the W3C validator, and came up with this report: http://validator.w3.org/check?uri=https%3A%2F%2Fwww.msu.edu%2F~mccrory%2F&charset=%28detec t+automatically%29&doctype=Inline&group=0

                                                 

                                                It appears that your principal and initial difficulty is that your template (and hence your child pages) is not properly configured, with a doctype before any other text, etc.

                                                 

                                                This is what the top of your template should look like:

                                                 

                                                <!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" />

                                                 

                                                Put that code inplace of yours, which I do not have permission to see (the template code).

                                                 

                                                then, the top of your child documents will look something like this:
                                                <!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.dwt" codeOutsideHTMLIsLocked="false" -->
                                                <head>
                                                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                                                this should appear in place of your code, which looks like:
                                                <!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                                                "http://www.w3.org/TR/html4/loose.dtd">
                                                the name of your template will, of course, be different from mine.
                                                I recommend that you fix this part of your template and update your child pages with it, then post a new thread.
                                                Beth

                                                • 21. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                  Liss.Haviv

                                                  I am having the same problem - using templates I have used for years with no issues!  Out of the blue, DW started re-writing the backgroiund image link in all ew chiod pages as a path to the image on my hard-drive.  I even tried upgrading from CS4 to CS5 thinking my version of DWwas corrupt, but that did not help.  I ultimately resorted to a work-around of re-writing the path as an absolute link.

                                                  • 22. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                    MurraySummers Level 8

                                                    Please confine your comments to your previous thread.  By reviving old threads you dilute your question.

                                                     

                                                    At the moment nobody has a good answer for you, although you have a reasonable emergency workaround. Stick with it.

                                                    • 23. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                      rsm1948 Level 1

                                                      I did not initiate this and have no idea why it has been renewed.

                                                      • 24. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                        mytaxsite.co.uk Level 6

                                                        Liss.Haviv wrote:

                                                         

                                                        I am having the same problem - using templates I have used for years with no issues!  Out of the blue, DW started re-writing the backgroiund image link in all ew chiod pages as a path to the image on my hard-drive.  I even tried upgrading from CS4 to CS5 thinking my version of DWwas corrupt, but that did not help.  I ultimately resorted to a work-around of re-writing the path as an absolute link.

                                                         

                                                        Have you gone back to your templates to see if the links in them have changed?  If so then you need to investigate why these have changed "out of the blue"?  Have you made sure you don't have any viruses and/or spyware in your system?

                                                         

                                                        Let me tell you one thing:  DW doesn't make mistakes;  Only the DW users do.  DW will do what a user tells it to do!

                                                         

                                                        Please scan your system with the latest virus scanner or security suite that has both spyware and virus scanner.  For windows MSE is good.

                                                         

                                                        hth

                                                        • 25. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                          Jacquie2

                                                          I am having exactly the same issue. Moving my CSS to an external style sheet for my Content div seems to have done the trick when nothing else worked.

                                                          Thank you!!!!

                                                          • 26. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                            PeteF2

                                                            I have been baffled by this problem for some time, and only found patches that worked on some pages and not others. Spoke at length to Adobe support and they told me to upgrade to CS5, which did not help. (Used the trial version). Finally searching once more on the web I came across this link http://www.york.ac.uk/communications/websites/content/dreamweaver/ie8/. They diagnose the problem as related to the IE8 upgrade and add the following code

                                                             

                                                            <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

                                                            immediately after the <head>.

                                                             

                                                            This works on all my sites that had problems, and explains why some folks had it happen to them with previously tried-and-true templates.

                                                             

                                                            Hope this helps.

                                                            • 27. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                              Nikolas1000

                                                              In addition to styling text, CSS  allows you to lay out pages  whose appearance remains consistent across  different browsers and platforms. As with CSS  styling, you can upgrade  all the pages on your site by making changes to a single style sheet  instead of changing each page separately (which is both time-consuming  and error-prone).

                                                              In addition, properly done CSS layouts help visitors adjust                     the appearance of your pages to fit their own needs (for                     example, changing the width of the browser window or increasing                     font size). And screen readers—used by visually impaired                     visitors—will have a better chance of rendering your site.http://www.basishost.com/

                                                              The Problem
                                                              with
                                                              CSS Layouts

                                                              Despite its advantages, CSS layout  historically has been difficult to implement. Part of the problem has  been the complex CSS specification itself, which is difficult to  understand without serious study.

                                                              But by far, the greatest difficulty designers face                               in creating sites with CSS layout are the differences in                               how browsers implement the specification. Some                               browsers implement only some parts, with variations                               from version to version. Some browsers—can you                               say Internet Explorer 6?—simply get parts of the                               specification wrong. The result is that a page                               that looks fine on one browser may display disastrously                               on another.

                                                              This variability has forced designers to come up with  many complex workarounds and hacks to make pages display consistently  across browsers. For the average designer, keeping up is very, very  difficult because many of these fixes require sophisticated knowledge of  CSS and  of programming.

                                                              Dreamweaver's
                                                              Solution

                                                              Dreamweaver CS5 provides designers with                           16 starter pages that cover the most common contemporary                           page designs. These starter pages do not enforce lock-step                           conformity but can be readily modified—color, type,                           images, size, etc. can all be changed to fit the requirements                           of a particular site.

                                                              Think of the starter pages as scaffolding,  rather than a paint-by-numbers picture. That is, they're the starting  points on which you hang content, and appearance, and navigation. You  don't have to know too much about their details to use them. What  follows will get you started.

                                                              These pages are structured via divs,  that is, rectangular objects with blank lines above and below them. You  can change a div's attributes like its colors (text and background), its  font, its background image, and so forth. You can also change its  width, its margins, its padding, its position, and many other  attributes, which we'll look at later in the course.

                                                              Some of these changes can profoundly affect  other objects on your page, so always back up your work, go slowly, and  test often in as many browsers as you can.

                                                              • 29. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                                PeteF2 Level 1

                                                                Thanks, I am familiar with using css, the starter pages, etc., however I was well past that when the problem arose. It turned out to be an issue between Dreamweaver and IE8. I upgraded to IE8 and, didn't see the problem for a while - just didn't use that combination of divs and images that caused it. I found what appears to be a good workaround, adding code in the head to force DW to use IE7 emulation.

                                                                 

                                                                Thanks,

                                                                 

                                                                Pete

                                                                • 32. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                                  kenatss

                                                                  I have the same problem on CS4.  I tried the suggested IE8 code fix but this did not work.  However I did find a partial solution and it seems to be related to how the template is instructed to save the file, as root or document.  So try this: Go to the tamplate and right click and go to page properties.  For background image select browse.  At the bottom of the dialog is a highlight that says ""change default Link Relatve To"  Select Site Root instead of Document in the check boxes., Close out of this box, go ahead and select a background image and save the template file.  Now when you create a new file from the template the file in the new template document will say url(/images/background.jpg) or whatever instead of the entire drive path such as d:/xxx/xxx/xxx.  From this point on you can create new files with the background showing. 

                                                                   

                                                                  If you have other images in the template such as container images, you have to change the Site Root/Document selector box to Site Root for each of these.

                                                                  • 33. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                                    MurraySummers Level 8

                                                                    What? It is definitely not necessary to use root relative links in templates.  Why do you say that?

                                                                    • 34. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                                      kenatss Level 1

                                                                      As a solution to the problem discussed in this thread. When the Document check box is selected, the file code shows as ../xxx but then code is selected then the file code shows as /xxx (no dots).  When a template is generated with Document selected, then entire file name is locked into the un-editable region of the code starting with the drive letter, and when Site Root is selected the file name is written into the hml as url(/folder/image.jpb) without the whole path being put in starting with the drive letter.  this results in no background showing up (when the drive letter is shown) as opposed to the background showing up in the generated page when it is not.

                                                                       

                                                                      I'm a definite newbie at this, but after playing with this for an hour I found selecting Site Root works when generating a new file from a template and Document does not.  I don't know why, but I'm simply offering a working solution.  I've no doubt this is all fixable some other way (such as using an external CSS as indicated above) that's more logical, but this solution works so I'm offering it.

                                                                       

                                                                      EDIT:  Whoops, I spoke too soon, it turns out that this "solution" creates a file that looks just fine in Design View, but when you switch to Live View, the background disappears as it does in Explorer 8.  Soooo the solution recommended above seems to work of creating your new pages first, then go back to the template and put in a bogus space to change the template file, then save it, and all the files will then get their backgrounds.

                                                                      • 35. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                                        MurraySummers Level 8

                                                                        I'm afraid all of this is just incorrect.  Make your links in the template the same way you would make them on any page.  DW will manage them just fine.  Use either document relative or root relative links - both work.  Just be aware that root relative links will NOT preview properly in DW UNLESS you have enabled the PREFERENCES > Preview in Browser > Preview using temporary file option.  Enabling that option will not affect anything in your site's functionality.

                                                                        • 36. Re: Dreamweaver CS4 Template question -  background image MISSING on all new child pages !
                                                                          drummingindigital

                                                                          SOLUTION:  I noticed you have spaces in your site folder name "My Web Pages".  I too was having this issue and finally after trying everything removed the spaces in my web folder location name and it instantly fixed it.  Which honestly makes no sense b/c I have other sites I've built with spaces in the web folder name and those templates and child pages work just fine, but this definitely resolved it for me.  I had tried updating Dreamweaver, deleted the site and created a new one, deleted the template and built a new one from scratch and finally the simple act of removing those spaces resolved it. Good luck everyone else.