Template suddenly losing background image

Hoping someone can help... here's the situation:
* I have been using the same templates in the same site for years
* All of a sudden, when I create a new page from a template, the background image does not show
* The problem started within a session during which I had already made several pages, as I always do, with no problems - then, whammo, I created another new page from the same template and this happened
* It happens with every single template in the site, and whether I use the "new page from template" feature or apply the template to a created page
* It persists in archived / back-up versions of the site. I even tried upgrading from CS4 to CS5, thinking my copy of DW had been corrupted, but that didn't fix it.
Here is a link to a template:
http://takeroot.org/Templates/blank_side_nav.dwt.php
Here is a link to a page spawned from that template, using the "new from template" feature (which I have used a thousand times with no problems):
http://takeroot.org/ExampleOfWrongness.php
I consulted with an IT friend who suggested I add "repeat-y left top" to the body tag css that displays the bg image in the template. That didn't seem like a full answer since it has never had that line and has been working just fine for years, but I tried it anyway and the result was that the background image stopped displaying even in the template.
Can someone help before I lose my mind????? My family would be eternally grateful!
Liss

1. The tempkate has the correct path to the image. Why would the child have a different path?
For some reason, DW thinks that this image is outside of the root folder. When that happens, the link is always a file:/// link. It will work locally, but not on the web.
2. Why would it just suddenly, out of the blue, start chosing this different path when 5 seconds earlier it worked as it always has?
You would have to submit that question to the great OZ to get an answer.
3. Even with the new, random path,why wouldn't it display correctly when previewed locally?
It's not a random path - it's a correct path to the image is it not? It should work locally.
4. Most important - what should I try next?
Try opening the child page and applying the template to this page with MODIFY | Templates > Apply Template to Page

Similar Messages

Pages created from Template not showing background images

I have created a templated and everything looks great, except when I go to create a page using the template. When I start a new page the backbround images are not there. Can anyone help?
Thanks
Jessica

www.HSHpet.net is my website
I didn;t know about templates when I started and now I want to create one to streamline my site and make it easier to manange. So right now each pageis copy and pasted.
Here is the code from my dwt file
<!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" />
<meta name="keywords" content="Pet Sitting, Dog Walking, Dog Boarding, Cat Sitting, Dog Training, Yorkville, Oswego, Montgomery, Plano, Sandwich, Aurora, Plainfield, Aurora. " />
<title>Home Sweet Home pet services | Pet Sitting | Cat Sitting | Dog Walking | Pet Boarding | Dog Training</title>
<style type="text/css">
.background {
          background-image: url(../378.gif);
          padding: 0px;
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-weight: bold;
.table backgroun {
          background-image: url(../336.gif);
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 14pt;
tr td .background1 {
          background-color: #FFF;
          font-family: Georgia, "Times New Roman", Times, serif;
          background-image: none;
          border-top-style: solid;
          border-right-style: solid;
          border-bottom-style: solid;
          border-left-style: solid;
          font-size: 14pt;
          font-weight: normal;
          text-align: left;
blue column {
          background-color: #09F;
          font-family: "Bradley Hand ITC";
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #FFF;
          background-image: url(../435.gif);
.background1 {
          background-image: url(../378.gif);
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          padding: 0px;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 14pt;
          border-top-style: inset;
          border-right-style: inset;
          border-bottom-style: inset;
          border-left-style: inset;
.background1 .background1 td .background tr td ul li {
          text-align: left;
.background11 {
          background-image: url(../378.gif);
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          padding: 0px;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 14pt;
          border-top-style: inset;
          border-right-style: inset;
          border-bottom-style: inset;
          border-left-style: inset;
</style>
<script type="text/javascript">
function MM_validateForm() { //v4.0
if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('The following error(s) occurred:\n'+errors);
    document.MM_returnValue = (errors == '');
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18640274-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body>
<table width="85%" border="5" align="center" cellpadding="5" class="background1">
<tr align="center" valign="middle" class="table">
    <td colspan="2" class="table"><img src="../HSHLogo_White.png" width="350" height="125" alt="Home Sweet Home logo" longdesc="http://www.HSHpet.net" /></td>
</tr>
<tr>
    <td colspan="2" align="center"><table width="90%" border="4" align="center" class="background">
      <tr align="center" valign="middle">
        <td><img src="../dog.jpg" width="150" height="150" alt="golden retriever" /></td>
        <td><img src="../fish.jpg" width="150" height="150" alt="fish in bowl" /></td>
        <td><img src="../cat.jpg" width="150" height="150" alt="DSH tabby" /></td>
        <td><img src="../bird.jpg" width="150" height="150" alt="peach faced love birds" /></td>
        <td><img src="../bunny.jpg" width="150" height="150" alt="bunny" /></td>
        <td><img src="../lizzard.jpg" width="150" height="150" alt="lizzard" /></td>
        <td><img src="../cat&dog.jpg" width="150" height="150" alt="puppy & kitten" /></td>
      </tr>
      <tr align="center" valign="bottom">
        <td colspan="7"><div align="center">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="../index.html" class="MenuBarHorizontal">Home</a> </li>
            <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
              <ul>
                <li><a href="../aboutus.html">About Us</a></li>
                <li><a href="../teammembers.html">Team Members</a></li>
                <li><a href="../15questions.html">15 Questions</a></li>
                <li><a href="../happytails.html">Happy Tails</a></li>
              </ul>
            </li>
            <li><a class="MenuBarItemSubmenu" href="../petsitting.html">Services</a>
              <ul>
                <li><a href="#">Pet Sitting</a>                  </li>
                <li><a href="../k9cleanup.html">K9 Cleanup</a></li>
                <li><a href="../overnightcare.html">Home Boarding</a></li>
                <li><a href="training.htm">Training</a></li>
              </ul>
            </li>
            <li><a href="#" class="MenuBarItemSubmenu">FAQ's & Policies</a>
              <ul>
                <li><a href="../FAQ_PetSitting.html">Pet Sitting</a></li>
                <li><a href="../FAQ_K9Cleanup.html">K9 Cleanup</a></li>
                <li><a href="../FAQ_Boarding.html">Home Boarding</a></li>
                <li><a href="#">Training</a></li>
              </ul>
            </li>
<li><a href="../NewsLinks.html">News & Links</a></li>
            <li><a href="../CPR.html">Pet CPR</a></li>
            <li><a href="../employment.html">Employment</a></li>
            <li><a href="../contactus.html">Contact Us</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Schedule Service</a>
              <ul>
                <li><a href="https://www.powerpetsitter.net/login.aspx?bid=584">Existing Clients</a></li>
                <li><a href="https://www.powerpetsitter.net/client/check_zipcode.aspx?id=584">New Clients</a></li>
              </ul>
            </li>
          </ul>
        </div></td>
        </tr>
    </table></td>
</tr>
<tr valign="top" class="background1">
    <td class="background"><table width="100%" border="0" class="background1">
      <tr class="background1">
        <td align="center" valign="top"><p class="title">Tips for Conducting a Professional Pet Sitter Interview</p></td>
      </tr>
      <tr>
        <td align="center" valign="top">
          <p align="left">Pet Sitters International (also known as PSI) was founded in 1994 as the first international association for professional pet sitters.             The mission of Pet Sitters International is to foster excellence and continuous learning in the pet-sitting profession by providing the best education and tools of the trade. We are very proud of our PSI membership.        </p>
        </td>
      </tr>
      <tr>
        <td align="center" valign="top"><table width="90%" border="0" align="center" class="background1">
          <tr align="center" valign="middle">
            <td><br/>                <a href="https://www.facebook.com/pages/Home-Sweet-Home-pet-sitting/107491737744" target="_top" title="Home Sweet Home pet sitting"><img src="https://badge.facebook.com/badge/107491737744.2549.1193722049.png" alt="facebook" width="120" height="65" align="absmiddle" style="border: 0px;" /></a></td>
            <td><a href="http://www.addthis.com/bookmark.php?v=250&pub=autiger811" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Bookmark and Share" width="83" height="16" align="absmiddle" style="border:0"/></a>                <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=autiger811"></script></td>
            <td><a href="http://www.addthis.com/bookmark.php?v=250&pub=autiger811" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" alt="Bookmark and Share" width="125" height="16" align="absmiddle" style="border:0"/></a></td>
            <td><table width="170" border="0" cellspacing="0" cellpadding="0">
              <tr bgcolor="#000000" valign="top">
                <td width="9" rowspan="2"><img src="http://img.constantcontact.com/ui/images/visitor/tl_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                <td width="152" height="1" align="center" bgcolor="#000000"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                <td width="9" rowspan="2" align="right"><img src="http://img.constantcontact.com/ui/images/visitor/tr_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                </tr>
              <tr>
                <td width="152" height="8" bgcolor="#ffffff"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                </tr>
              <tr>
                <td width="170" colspan="3" align="center" style="border-left: 1px solid #000000;border-right: 1px solid #000000;"><div align="center">
                  <form action="http://visitor.constantcontact.com/d.jsp" method="post" name="ccoptin" target="_blank" id="ccoptin" style="margin-bottom:3;">
<font style="font-weight: bold; font-family:Georgia; font-size:13px; color:#000000;">Join Our Newsletter</font><br />
                    <font style="font-weight: normal; font-family:Arial; font-size:10px; color:#000000;">Email:</font>
                    <input type="text" name="ea" size="14" value="" style="font-family: Arial; font-size:10px; border:1px solid #999999;" />
                    <input type="submit" name="go" value="Join" class="submit" style="font-family:Arial,Helvetica,sans-serif; font-size:11px;" />
                    <input type="hidden" name="m" value="1102843860723" />
                    <input type="hidden" name="p" value="oi" />
                    </form>
                  </div></td>
                </tr>
              <tr bgcolor="#000000" valign="bottom">
                <td rowspan="2"><img src="http://img.constantcontact.com/ui/images/visitor/bl_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                <td width="152" height="8" align="center" bgcolor="#ffffff"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                <td rowspan="2" align="right"><img src="http://img.constantcontact.com/ui/images/visitor/br_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                </tr>
              <tr>
                <td width="152" bgcolor="#000000"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                </tr>
              </table></td>
            </tr>
          </table></td>
      </tr>
    </table></td>
    <td align="center"><table width="90%" border="1" class="background">
      <tr>
        <td align="center" valign="top" bgcolor="#00AEEF"><p style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold;">Give us a call:</p>
          <p><a href="http://www.ringcentral.com" target="Callback_RingMe" onclick='var wind = window; var winop = wind.open; winop("http://www.ringcentral.com/ringme/?uc=F476D3FEFF03EF8DEB3A4803BAD689C9185666081445,0,&s=no &v=2", "Callback_RingMe", "resizable=no,width=380,height=360"); return false;'><img border="0" src="http://www.ringcentral.com/ringme/F476D3FEFF03EF8DEB3A4803BAD689C9185666081445,0,/1/ringme _6.gif" alt="virtual office phone" /></a></p></td>
      </tr>
      <tr>
        <td align="center" valign="top" bgcolor="#00AEEF"><p style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold;">Send us a message:</p>
          <form id="form1" name="form1" method="post" action="../formtoemailpro.php">
            <p>Your Name: </p>
            <p>
              <input name="Name" type="text" id="Name" onblur="MM_validateForm('Name','','R');return document.MM_returnValue" />
            </p>
            <p>Your Phone #:</p>
            <p>
              <input name="phone" type="text" id="phone" onblur="MM_validateForm('phone','','RisNum');return document.MM_returnValue" />
            </p>
            <p>Your Email Address:</p>
            <p>
              <input name="email" type="text" id="email" onblur="MM_validateForm('email','','RisEmail');MM_validateForm('email','','RisEmail');ret urn document.MM_returnValue" />
            </p>
            <p>I'm interested in:</p>
            <p>
              <select name="services" id="services">
                <option value="mid-day care" selected="selected">Mid-day Dog Walks</option>
                <option value="K9 cleanup">K9 Clean up</option>
                <option value="vacation care">Vacation Care</option>
                <option value="cat care">Cat & Small Animal Care</option>
                <option value="Overnights">Overnight Care (my home)</option>
                <option value="Pet Boarding">Overnight Care (pet sitter's home)</option>
                <option value="Walk & Trains">Walk & Trains</option>
                <option value="other">Other</option>
              </select>
            </p>
            <p>Comments:</p>
            <p>
              <textarea name="comments" id="comments" cols="25" rows="5"></textarea>
            </p>
            <p>
            <img id="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image"><br><a href="#" onclick="document.getElementById('captcha').src = '/securimage/securimage_show.php?' + Math.random(); return false">Reload Image</a><br />
            Verify code: <input type="text" name="captcha_code" size="10" maxlength="6">
            </p>
            <p>
              <input type="submit" name="Submit" id="Submit" value="Submit" />
              <input type="reset" name="reset" id="reset" value="Reset" />
            </p>
          </form>
          <p> </p></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#00AEEF"><p> <span class="center" style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold; text-align: center;">Pet Care Services</span></p>
          <ul>
            <li>Dog Walking, Dog Boarding </li>
            <li>Pet Waste Removal Services</li>
            <li>Bird & Reptile Care </li>
            <li>Walk & Trains</li>
            <li>Cat Sitting</li>
            <li>Small Animal Care</li>
            <li>In Home Overnight Care </li>
            <li>Flexible and Custom Care </li>
            <li>Medications & Injectables</li>
            <li>Dog Training </li>
            <li>Puppies and Older Pets </li>
            <li>Handicapped Pets</li>
          </ul>
          <p style="font-size: 14pt; text-align: center; font-weight: normal;"> </p>
          <p style="font-size: 11pt; text-align: center; font-weight: normal;">For your convinience we accept:</p>
          <p style="font-size: 14pt; text-align: center; font-weight: normal;"><img src="../visa_mastercard.jpg" alt="visa/mastecard" width="100" height="50" /></p></td>
      </tr>
    </table></td>
</tr>
<tr>
    <td colspan="2" align="center" valign="middle"><span class="background2">© 2007-2015 Home Sweet Home pet services</span></td>
</tr>
</table>
<p> </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Template Problem: Tiling background image gone and duplicate .swf headers

Problem 1: I have been working with a template, and creating
new files from the template without incident. Recently I created a
new file from the template and found that the tiling background
image (dots appearing on the right and left of the page) was gone.
The tiling image is present in the template, but not in files
created from it. Any guess how I broke that?
Problem 2: In my template I have an editable region wherein I
can place a .swf animation. When I upload my page made from the
template, a pair of .swfs appear stacked on top of each other, not
just the single .swf graphic. Any guess what I am doing wrong
there?
The problem page can be viewed here (
Shop
Page), and the template files are located here (
Template
right-click and Save-As).
I appreciate any help you can offer.
*Using Dreamweaver CS3 on Mac OS 10.5.2

> Regarding that tiling image problem? the image in my
template file has a
> relative address, but when I make a new file from the
template the
> location of
> the image is absolute, and points at my computer.
This will ALWAYS happen when one of the following obtains:
1. The linked file is OUTSIDE the root of the current site.
2. DW *THINKS* that the linked file is OUTSIDE the root of
the current site
(how could this happen? Here's a for example - the path to
the root folder
looks like this -
C:\whatever\joe's files\blah blah blah\thefilename.jpg
Fix either of those issues, and the problem will go away.
Might that be your problem?
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
==================
"adam@blueapplestudio" <[email protected]>
wrote in message
news:fuo8dk$8sh$[email protected]..
> Thanks to the newsgroup users who have helped out with
this. I will be
> getting
> a newsreader soon, as the Adobe forum seems to be a bit
flawed.
>
> Regarding that tiling image problem? the image in my
template file has a
> relative address, but when I make a new file from the
template the
> location of
> the image is absolute, and points at my computer. This
seems to fix it:
>
> Open the template and make a new file from the template.
> Make a minor change to the template, save, and update
all linked files.
> Undo the change just made to the template, save and
update again.
>
> If you look at the new file-from-template you will find
the file needs to
> be
> saved (as denoted by the asterisk by its name) and the
tiling background
> is now
> corrected.
>
>

Pages from template not showing DIV background images

Hi;
I have a template with several DIVs that each contain a background image. When I create a new page from that template, the the background images are missing. The code for the new page shows absolute paths to the images while the template show relative paths.
template code for header:
.twoColFixLtHdr #header {
    padding: 0 10px 0 20px;
    height: 215px;
    background-image: url(../images/10banner.jpg);
template based page code for header:
.twoColFixLtHdr #header {
    padding: 0 10px 0 20px;
    height: 215px;
    background-image: url(file:///C|/Documents and Settings/patrick/My Documents/web sites/The Marketing Guy/images/10banner.jpg);
I don't know if the path codes are relevant in this case, but why don't the background images appear ?
Thanks;
Pat

background-image: url(file:///C|/Documents and Settings/patrick/My Documents/web sites/The Marketing Guy/images/10banner.jpg);
You've got a path pointing to files on your local computer instead of your local site.
Did you save new page as "somefilename.html" or is still "untitled"?
Did you properly define your DW local site folder?
Creating your first website in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Templates and background images

I created a new template using a background image. The
template works fine with one exception, when I create a new html
document based on the template everything works, but i cannot see
the background image. When I test the html in a browser the image
is there. In order to see the background image in the design view
environment I need to add it to the page properites again.
Does anyone know how to fix this frustration.......?

Show us the template page, please.
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
==================
"TLT3" <[email protected]> wrote in message
news:e7i7jk$cm$[email protected]..
>I created a new template using a background image. The
template works fine
> with one exception, when I create a new html document
based on the
> template
> everything works, but i cannot see the background image.
When I test the
> html
> in a browser the image is there. In order to see the
background image in
> the
> design view environment I need to add it to the page
properites again.
>
> Does anyone know how to fix this frustration.......?
>

CSS for background image not transfering from template to new page

I have a gradient .gif in my templates which suddenly no longer transfers from the template to a new page created from the template. Everything else about the template transfers. I'm using Dreamweaver CS5 on a Mac running OS 10.6. I've pasted the CSS from the template and the new page below. I've tried the usual voodoo--restart program, restart computer, repair permissions, delete preference file, delete personal configuration file.
CSS from Template:
.container {
    background-color: #ececec;
    background-image: url(../images/faux_column.png);
    background-repeat: repeat-y;
    height: 650px;
    width: 650px;
CSS from page created from Template looks to be the same, but is greyed out in the code, and the background-image entry is not present in the CSS styles inspector:
.container {
    background-color: #ececec;
    background-image: url(../images/faux_column.png);
    background-repeat: repeat-y;
    height: 650px;
    width: 650px;
Any suggestions greatly appreciated.

Unfortunately, I don't yet have a site where I can post the page. I'm new to this, and doing everything locally for now.
After careful rechecking, I found that the links for the template and the child were not the same, as you suspected. So I carefully changed the links to site root relative, which worked for the background CSS in my test image. I then did the same for all of the links to pages on my site, and checked that all were OK with Link Checker in DW. I guess that was a mistake, because now most of them don't work when tested in Firefox--I get the message File not found. Must be doing something wrong.

Background image path changes in Template

I have a template I've created, but whenever I attempt to
create a new page from that template the path to the background
image changes automatically causing it to disappear.
The template displays this path:
body {
background-image: url(../img/bg.gif);
background-repeat: repeat-y;
background-position: center;
background-color: #E8F1FA;
While the page created from the template shows this path:
body {
background-image: url(file:///B|/Web
Development/website/img/bg.gif);
background-repeat: repeat-y;
background-position: center;
background-color: #E8F1FA;
What is causing this? Thanks in advance.

Answered on DW forum.
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
==================
"logicore" <[email protected]> wrote in
message
news:gecn6f$dag$[email protected]..
>I have a template I've created, but whenever I attempt to
create a new page
> from that template the path to the background image
changes automatically
> causing it to disappear.
>
> The template displays this path:
>
> body {
> background-image: url(../img/bg.gif);
> background-repeat: repeat-y;
> background-position: center;
> background-color: #E8F1FA;
> }
>
> While the page created from the template shows this
path:
>
> body {
> background-image: url(file:///B|/Web
Development/website/img/bg.gif);
> background-repeat: repeat-y;
> background-position: center;
> background-color: #E8F1FA;
> }
>
> What is causing this? Thanks in advance.
>
>
>

Different background image (div) on each page of site complicated by template

Hope I can explain this: Below are specifics
- Using Dreamweaver cs5.5
- Making the pages from a template.
- Each page will have a different backround image; but the image is contained in a div tag (div name is .mainbackground) which runs behind the main core of the site, the image is not in the <body>
- The div .mainbackground is EDITABLE
- I have already made a specific css class to assign to that div on each page so that the image is different on each page.
- On the template page the div .mainbackground has no image class assigned to it (thus no background image)
- Since that div is editable I can then go into each page and assign the desired image class to it - works great. EXCEPT...... & here's my main question:
- In the code all of the other regions are contained IN that above mentioned div of .mainbackground SO that means that:
- if I need to update the structure of the pages I will have to remove the Editable region that controls the background image which would be - removing the .mainbackround editable region. Then go back to my template, make changes and save everything - thus all the changes will carry through to my other pages. This is good and bad because I would get all the structural changes but I would also loose all of the text specific to those pages.
-Then when I'm finished I would have to go back and first add an editable region back to the .mainbackground class and then re-apply the background classes back to the .mainbackground to fix the images on the pages again...
The site is very small site so I can deal with it but am I going about this all wrong?
Is there some template feature I'm not getting? I would like to keep using the template feature, and i do want a different pic on each page.....
I have attached a picture showing one page so you can see the background image - which will be different on each page.

If your Template has embedded CSS within the <head> tags, and the <head> has an editable region defined, you should be able to change styles in child pages.
TEMPLATE CODE:
<head>
<style type="text/css">
.mainbackground { }
</style>
</head>


CHILD PAGE CODE:
<head>
<style type="text/css">
.mainbackground {
background-image:url(page2-BG.jpg)
</style>
</head>
Give it a try.
Nancy O.

Can you "bleed" a background image through a DW template?

I'm in the process of redesigning a simple site and am fairly new to working with DW. I created a template with navigation along the left side and a content box on the right. The client requests a background image (which I set in the CSS body tag). However, once I set the content portion of the template it sits on top of the background image (effectively blocking out portions of the background image). I need it to "bleed" through so that the background image covers the entire screen content.
Example: http://www.mchenrycac.org/test/index.html (or see image in the attachment)
Can anyone suggest how to get the image to show through the content portion of the template?
Russ

It took me a few "tries" to place the code in the right place (and a few
different iterations of the example given on the site) but the opacity tag
does work as suggested. Setting the opacity to 100% allows the entire
background to bleed through as I needed.
I had to completely remove the suggested CSS tags for IE7 and IE8 however
and go with just the opacity tag. Tested this in IE8 and Firefox and both
display the opacity correctly with the single opacity statement:
.opaque
The class was added to the table statement in my template (the table that
contains the content area for every web page) and works beautifully. Thank
you for the quick response...
Russ

Background Images not showing up in template-based pages

For some reason, whenever I make a custom .dwt template, with
background images for things such as buttons, on my newly created
page, the background images do not show up. Anyone know why? Thanks
for the help in advance.

Best you start here:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmattsworld.mooretecproductions.co m%2F
55 code errors. Yikes!
Fix those and then see if the problem goes away. If not, post
back. At lease
with clean code we may be able to spot the problem.
Walt
"Irish_Cereal" <[email protected]> wrote in
message
news:fegl0v$jvc$[email protected]..
> Alright guys, I get it. Here's a link to the index:
>
http:///mattsworld.mooretecproductions.com
> Click on Videos on the navigation bar and you'll see
what I'm talking
> about.
> Notice how on the navbar on the index theres the custom
button? On videos
> it
> doesn't show up.
>

A page from a template doesn't inherit a background image.

I created a template and gave it a background image, tested in the browser, and it worked fine. Then I made a page from that template and it simply didn't show the background image, even though all the other components showed up properly. Any ideas as to what the problem may be?

Some things to check:
1) Did you define a local site folder in DW before starting your project?
2) When you made a page from the Template, did you use File > New > Page from Template?
3) Is your background image saved for the web as RBG and not CMYK?
4) In your CSS code, what is the path to your background image?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to change background image for each individual page in a template?

I've been working for hours to try to figure out how to change the background image for each individual page in a template. I have tried making a div in the body and adding a CSS and setting a background picture. Unfortunately even after I made it editable all templated webpages changed. I tried looking at different forum results which didn't really help me out. http://forums.adobe.com/message/2670005#2670005#2670005. I've also tried embeding a CSS style on the webpage instead of the external CSS which again didn't work. I'm not sure where to go from here. Is there a good video that explains this clearly. Please help. Thanks.

Adjust inline styles to suit your needs.
<li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to change background image in existing template?

Hi
Current website needs overall change in background image which is already set in template. Is there anyone who knows how to change background image in existing templates?

Make a friend with firebug & you could find yourself from where it is getting applied.
For the website you have given the background image it is using is [1] and it is getting set in css of body tag [2]. So Find the css at [3] and modify it OR replace [1] with other image with same file name.
[1]   www.hanwha.com/etc/designs/hanwha/images/bg-body.jpg
[2]
body {
    background: url("images/bg-body.jpg") repeat-x scroll 50% 0 #FFFFFF;
    color: #757373;
    font: 14px/18px Arial,Verdana,Helvetica,sans-serif;
    margin: 0;
    min-width: 979px;
[3]
/etc/designs/hanwha/...../*.css

Template Editable background-image

Using Dreamweaver templates. I would like to be able to
customize a background image in a DIV ID on individual pages. Can
someone offer some sample code? Thanks.
Dave

Just use CSS to do this. If it's in an external file, the
whole file will
be editable. Do you understand what I am saying?
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
==================
"ulysses" <[email protected]> wrote in message
news:eoev8c$4bb$[email protected]..
>
> Using Dreamweaver templates. I would like to be able to
customize a
> background image in a DIV ID on individual pages. Can
someone offer some
> sample code? Thanks.
>
>
> Dave
>
>

Template - background image missing

Hi I'm sorry to be back but I have another problem that I don't seem to be able to solve. I have looked at similar posts online, but don't seem to have found the answer.
I have created a template from Dreamweavers blank templates. I have made ONLY TWO CHANGES to the blank template. I've added a background image, and removed the background colour from the .body element. I'm hoping this will help isolate my mistake.
When I create a new page from this template the background image does not display. I've noticed that the image path is changed in the child page - whereas the template displays the relative path, the full path is given in the child. I don't know if this is part of the problem?
The problem occurs both when I preview the site through a browser, as well as online.
I know I should be using templates for site-building, so need to know what I'm doing wrong here. Many thanks, and please remember that I'm a novice so put it very simply so that I can grasp what your saying!
http://www.gillwykes.com/development/frank_test/testpage2.html
Thanks!

I just tried a different approach. Created a new site, through Site Manager. Created an new HTML paged and did Save as Template. I then added an image ( which is stored in the images folder in the site) as a background through Page Properties. I saved and closed the template, and did File, New Page from Template. The image did not display, and the path to the image was changed. Here is 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<style type="text/css">
body {
background-image: url(../images/Copy%20of%20IMG_2481.jpg);
</style>
</head>
<body>
</body>
</html>
and
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<style type="text/css">
body {
background-image: url(file:///C|/Documents and Settings/admin/My Documents/1DREAMWEAVER/1_IN_PROGRESS/template_test/images/Copy%20of%20IMG_2481.jpg);
</style>
</head>
<body>
</body>
</html>
I'm obviouly missing something along the line. It can't be a glitch in CS5.5 because it would be known by now! But I've tried so many different files and methods now I'm totally confused.
Next step, seeing if I can edit it in Notepad, and how that afffects things, and also digging out a previous version of Dreamweaver and see what happens there. Will let you know!

Template suddenly losing background image

Similar Messages

Maybe you are looking for