Template Background Image

I'm using Dreamweaver CS3
When trying to make a new page from the template the
background is removed from the page. Why? How do I fix this issue?
The code for the background.
Template - background-image:
url(../images/background-image.jpg);
New page that was generated from the template -
background-image: url(file:///D|/Customers/Metal Master Website
080831/images/background-image.jpg);

> I got it by making page from my template then removing
the template
> and copying the above code and putting it back on my
template.
That would be wrong. If the link is correct in the Template
page it will be
correct in the child pages. Don't go back and forth the way
you have done.
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
==================
"AND Marketing" <[email protected]> wrote in
message
news:gb8kh3$i6i$[email protected]..
> Murray,
>
> That is exactly what I saw on the code. I over came the
problem by
> copying
> this code - background-image:
>
url(file:///D|/Customers/Metal%20Master%20Website%20080831/images/background-ima
> ge.jpg). I got it by making page from my template then
removing the
> template
> and copying the above code and putting it back on my
template. This fix
> seems
> to work for now.
>
> ADubin
>

Similar Messages

  • 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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <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"><!-- InstanceBegin template="/Templates/test1.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <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>
    <!-- InstanceEnd --></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!

  • 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>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    CHILD PAGE CODE:
    <head>
    <style type="text/css">
    .mainbackground {
    background-image:url(page2-BG.jpg)
    </style>
    </head>
    Give it a try.
    Nancy O.

  • Image in template background do not appear in browser

    Hello all
    I run a site ( http://ntp.neuroscience.wisc.edu/ ) that uses templates for backgrounds/spry menus for its pages. We currently use three templates to display backgrounds across the site and up until a few days ago everything displayed fine, until suddenly the main banner picture (bannerIndex.jpg) dissapeared from across all our pages, both in IE8 and Firefox 3.5. It used to display above the red spry menu tabs on the top of the whitespace. Check the index.dwt file attached to see where exactly. To my memory I didnt edit any of the templates or delete any of the image files, much less reupload the templates or download them from the remote server. I went back and reinserted all the pics into the templates, made sure they were attached to their right pages, and uploaded everything, but to no avail. the only major edit to the site I can remember that might have had an effect was that I rearraged some files on the local/remote server, but the shifts were within the same directory level and the files involved were not templates. I shifted everything back to their original order and still the problem persists. I'm attaching the code below (site first follow by the template which attaches to it) as it shows in the dreamweaver code editor (i'm using dreamweaver cs3) and I'll also attached the actual html and dwt files. again, the picture that does not show is bannerIndex.jpg and it should be above the spry menu tabs.
    <!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" --><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Neuroscience Training Program</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <style type="text/css">
    <!--
    .style3 {
        font-size: 18px;
        color: #FF0000;
    -->
    </style>
    <style type="text/css">
    <!--
    .style4 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
    -->
    </style><!-- InstanceEndEditable -->
    <link href="Templates/index.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="images/brain.ico">
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    .style1 {color: #000000}
    -->
    </style>
    <!--[if lt IE 7.]>
    <script defer type="text/javascript" src="pngfix/pngfix.js"></script>
    <![endif]-->
    </head>
    <body background="images/bgstripes2.jpg">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td> </td>
        <td> </td>
        <td class="banner" colspan="7"><img src="images/bannerIndex.jpg"></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td class="button">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="programlist.html">Program</a>
                <ul>
                  <li><a href="program/welcome.html">Welcome</a></li>
                  <li><a href="contact.html">Contact</a></li>
                  <li><a href="news.html">Recent News</a></li>
                  <li><a href="program/highlights.html">Overview</a></li>
                  <li><a href="program/progress.html">Getting a Degree</a></li>
                  <li><a href="program/courses.html">Graduate Courses</a></li>
                  <li><a href="program/seminar/seminar.html">Seminars</a></li>
                  <li><a href="program/lecture.html">Lecture Series</a></li>
                  <li><a href="program/jrnlclub.html">Journal Clubs</a></li>
                  <li><a href="program/map.html">Directions</a></li>
              </ul>
            </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar2" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="researchlist.html">Research</a>
              <ul>
                    <li><a href="research/strengths.html">Strengths</a></li>
                    <li><a href="faculty/facultyMain.php">Faculty Research</a></li>
                    <li><a href="students/studentMain.php">Student Research</a></li>
              </ul>
            </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar3" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="admissionslist.html">Admissions</a>
                  <ul>
                    <li><a href="admissions/admission.html#admissions">Requirements</a></li>
                    <li><a href="admissions/admission.html#materials">Application</a></li>
                    <li><a href="admissions/admission.html#aid">Financial Aid</a></li>
                    <li><a href="admissions/feegrant.html">Fee Grants</a></li>
                    <li><a href="admissions/admission.html#status">Application Status</a></li>
                    <li><a href="admissions/faq.html">FAQ's</a></li>
                    <li><a href="admissions/checklist.html">Check List</a></li>
                    <li><a href="http://npp.neuroscience.wisc.edu/">Public Policy Program</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar4" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="resourcelist.html">Resources</a>
                  <ul>
                      <li><a href="resource/currstudents/currstudents.html">Current Students</a></li>
                    <li><a href="resource/coursePages.html">Course Pages</a></li>
                    <li><a href="resource/midlevel.html">Course Requirements</a></li>
                    <li><a href="resource/StudForms/studforms.html">Forms</a></li>
                    <li><a href="resource/alumni/alumni.html">Alumni Directory</a></li>
                    <li><a href="univlist.html">The University</a></li>
                    <li><a href="resourcelist.html#moreResources">More Resources</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td class="button">
             <ul id="MenuBar5" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="eventslist.html">Events</a>
                  <ul>
                    <li><a href="events/AnnualPicnic/index.htm">Annual Picnic</a></li>
                    <li><a href="events/SumGradFair/index.htm">Graduate Fair</a></li>
                    <li><a href="events/k-12.htm">K-12 Outreach</a></li>
                    <li><a href="events/PosterFair/index.htm">Poster Fair</a></li>
                    <li><a href="events/ReSymp/index.htm">Research Symposium</a></li>
                  </ul>
              </li>
          </ul>    
        </td>
        <td class="button">
          <ul id="MenuBar6" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="undergradlist.html">Undergrad</a>
                  <ul>
                    <li><a href="http://www.biology.wisc.edu/Academic_Programs/Biology/Neurobiology/index.asp">
                           Neurobiology Major Option</font></a></li>
                    <li><a href="undergrad/ugcourses.html">Undergraduate Courses</a></li>
                    <li><a href="undergrad/resopp.html">Research Opportunities</a></li>
                    <li><a href="undergrad/reaward.html">Research Awards</a></li>
                    <li><a href="http://www.wisc.edu/cbe/research/funding.html">Research Funds</a></li>
                    <li><a href="http://neurosci.rso.wisc.edu/" target="_blank">Neuroscience Society</a></li>
                    <li><a href="undergrad/sciencejobs.html">Jobs in Science</a></li>
                    <li><a href="admissions/admission.html">Application</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td  width="100px"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="topbox"></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="middlebox"><div class="content"><!-- InstanceBeginEditable name="content" -->
            <span style="float:right; padding-left:5px;">
                    <img src="Images/quickLinks2.png" alt="Quick Links" width="200" height="35" align="top">
                    <div style="width:200px; border-width:5px; border-style:solid; border-color:cccccc; padding:5px;">
                          <li class="newbullet"><a href="admissions/admission.html#admissions">Admission Requirements</a></li>
                            <li class="newbullet"><a href="faculty/facultyMain.php">Faculty Research</a></li>
                            <li class="newbullet"><a href="resource/midlevel.html">Mid-Level Courses</a></li>
                            <li class="newbullet"><a href="research/strengths.html">Research Strengths</a></li>
                            <li class="newbullet"><a href="program/seminar/semsch.html">Seminar Schedule</a></li>
                            <li class="newbullet"><a href="resource/StudForms/studforms.html">Student Forms</a></li>
            </div>
            </span>
            <a href="http://www.wisc.edu" target="_blank"><img border="0" align="left" src="images/uw_logo.gif" alt="Bascom Hill" width="150" /></a>
            <p>The Neuroscience Training Program was established in 1971. Currently, it comprises over 80 faculty members whose research interests range from molecular neurobiology to integrative systems and computational modeling. The program is designed to prepare students for careers in research and teaching. Training leads to the Ph.D. degree in neuroscience or the M.D./Ph.D. degree in cooperation with the School of Medicine and Public Health.</p>
            <img src="images/program_research.png" /><br />
            <span style="float:right;">
             <div class="newsbox">
             <li class="newbullet2"><em><a href="news.html#anesthesia">Brain Responses During Anesthesia Mimic Those During Natural Deep Sleep</a></em> <br>
    <a href="faculty/tononi.html">Giulio Tononi</a> and <a href="faculty/pearce.html">Robert Pearce</a> investigate where we go when we're sedated.
                <hr>
              </li>
              <li class="newbullet2"><em>Donated Fat Could Play Key Role in Neurosurgery</em> <a href="news.html#lipo">John S. Kuo</a> elevates fat's use from waste to healer.
                <hr>
              </li>
              <li class="newbullet2"><em>Depression saps endurance of brain's reward circuitry.</em> <a href="news.html#depression">Richard Davidson</a> and others discover depression's true nature. 
                <hr>
              </li>
              </li>
              <li class="newbullet2"><em>Can Meditation Sharpen Our Attention? </em><a href="news.html#attention">Richard Davidson</a> rethinks how we can wield our focus.
                <hr>
              </li>
              <li class="newbullet2">Synaptotagmin Plays a Critical Role in Initiating Cellular Fusion</em> features <a href="news.html#chapman">Edwin Chapman</a>
               <hr>
              </li>
              <li class="newbullet2">Wisconsin team grows retina cells from skin-derived stem cells </em>features <a href="news.html#retina">Su-Chun Zhang</a><br>
              <hr>
            </li>
            <li class="newbullet2">Reduced diet thwarts aging, disease in monkeys </em> features <a href="news.html#reduceDiet">Sterling Johnson</a></li>
            <hr>
            <li class="newbullet2">Seeing with your tongue: BrainPort device brings sight to the blind </em> features <a href="news.html#seeingTongue">Paul Bach-y-Rita</a>
              <hr>
            </li>
            <li class="newbullet2">Special protein helps maintain an efficient brain</em> features <a href="news.html#ebrain">Edwin R. Chapman</a></li>
            <hr>
            <li class="newbullet2">Researchers use brain interface to post to Twitter</em> features <a href="news.html#twitter">Justin Williams</a></li>
            <hr>
            <li class="newbullet2">When Minutes Matter</em> features<a href="news.html#minutes"> John Kou</a></li>
            <hr>
            <li class="newbullet2">Sleep: Spring Cleaning for the Brain? </em> features<a href="news.html#sleep"> Giulio Tononi and Chiara Cirelli</a></li>
            <hr>
            <li class="newbullet2">Study of Cat Diet Leads to Key Nervous System Repair Discovery </em> features<a href="news.html#cat"> Ian Duncan</a></li>
            <hr>
            <li class="newbullet2">Building a better brain </em> features<a href="news.html#Bbb"> Richard Davids</a></li>
            <hr>
            <li class="newbullet2"><i>Amazing Aimee</i> features<a href="news.html#aimee"> Aimee Arnoldussen</a></li>
            <hr>
            <li class="newbullet2"><i>Researchers Hail Obama's Order Removing Stem Cell Restrictions</i> features<a href="news.html#obama"> Clive Svendsen</a></li>
            <hr>
            <li class="newbullet2"><a href="news.html#restoration"><i>Let the Restoration Begin</i></a></li>
            <hr>
            <li class="newbullet2"><i>4th Annual Wisconsin Stem Cell Symposium: Cancer, Stem Cells and Cancer Stem Cells</i> features <a href="news.html#Symposium">John S. Kuo</a></li>
            <hr>
            <li class="newbullet2"><i>Psychoactive compound activates mysterious receptor</i> features <a href="news.html#psychoactive">Arnold Ruoho</a></li>
            <hr>
            <li class="newbullet2"><i>How do you mend a broken heart? Maybe someday with stem cells made from your skin</i> features <a href="news.html#brokenheart">Clive Svendsen</a>/li>
            <hr>
            <li class="newbullet2"><i>Mouse study reveals genetic component of empathy</i> features <a href="news.html#mouse">Jules Panksepp</a></li>
            <hr>
            <li class="newbullet2"><i>Early childhood stress has lingering effects on health</i> features <a href="news.html#childhood">Seth Pollak</a></li>
            <hr>
            <li class="newbullet2"><i>Genetic change prevents cell death in mouse model of Parkinson’s disease</i> features <a href="news.html#celldeath">Jeffrey Johnson</a> (NTP faculty)</li>
            <hr>
            <li class="newbullet2"><i>Protein that regulates hormones critical to women’s health found in pituitary</i> features <a href="news.html#protein">Meyer Jackson and Edwin Chapman</a> (NTP faculty)</li>
            <hr>
            </div>
            </span>
            <div class="newsbox">
              <li class="newbullet2"><span class="style1 style1 style1"><a href="news.html#roundtable">Richard Davidson</a> is featured to speak at University Roundtable</span>
                <hr>
              <li class="newbullet2"><span class="style1 style1 style1"><a href="students/balakrishnan.html">Shilpashree Balakrishnan</a> has been honored with a Vilas Travel Award</span>
                  <hr>
        </li> <li class="newbullet2"><span class="style1 style1 style1"><a href="news.html#Davidson">Richard Davidson's</a> research inspires art, dance, and insight on what it means to change.</span>
                  <hr>
              </li>
              <li class="newbullet2"><a href="news.html#Krencik">Robert <span class="style1 style1 style1">Krencik's </span></a><span class="style1 style1 style1">research will be featured at the National Graduate Student Research Festival.</span><a href="news.html#sleepPerformance"><strong><br>
                </strong></a>
                  <hr>
              </li>
              <li class="newbullet2"><a href="news.html#sleepPerformance">Dr. Michael Peterson</a> is looking for males to participate in a study investigating sleep and performance</li>
              <hr>
              <li class="newbullet2"><a href="news.html#Kile">Kile Mangan</a> receiving an Epilepsy Foundation's Health Sciences Student Fellowship Award</li>
              <hr>
              <li class="newbullet2"><a href="news.html#Ashutosh">Ashutosh Dharap</a> received an American Heart Association Predoctoral Fellowship Award</li>
              <hr>
              <li class="newbullet2"><a href="news.html#AnnKelley">Ann Kelley</a> Fellowship in Behavioral Neuroscience</li>
              <hr>
              <li class="newbullet2">Undergrad. Summer Job in <a href="news.html#iskandar">Iskandar lab</a></li>
              <hr>
              <li class="newbullet2"><em>Stem-cell researcher lured to L.A.</em> features <a href="news.html#L.A.">Clive Svendsen</a></li>
              <hr>
              <li class="newbullet2"><a href="resource/StudForms/travel.html">Travel Award Application Form</a> is posted, deadline for application is May 20, 2009</li>
              <hr>
              <li class="newbullet2">1st year NTP student Valerie Grant has received a <a href="news.html#Grant">NSF Graduate Research Fellowship</a></li>
              <hr>
              <li class="newbullet2">NTP to host reception at <a href="news.html#SfN">2009 SfN</a> meeting in Chicago</li>
              <hr>
              <li class="newbullet2"><em>Training Scientists with the Skills Needed to Make Public Policy</em> features <a href="news.html#eletter">Ronald Kalil</a></li>
              <hr>
              <li class="newbullet2">Register for <em><a href="http://ntp.neuroscience.wisc.edu/events/NIH/index.htm">2009 National Institutes of Health Curriculum Workshop</a></em></li>
              <hr>
              <li class="newbullet2"><em>La Follette students attend law and life sciences conference</em> features <a href="news.html#conference">Patric Hernandez, Lindsay Pascal and Ishmael Amarreh</a></li>
              <hr>
              <li class="newbullet2"><i>12 finalists named for five spots in Wisconsin Institute for Discovery</i> features <a href="news.html#finalists">Craig Berridge</a></li>
              <hr>
              <li class="newbullet2"><em>Roundtable unveils spring lineup</em> features <a href="news.html#roundtable">Chiara Cirelli</a> (NTP faculty)</li>
              <hr>
              <li class="newbullet2"><em>Kemnitz to step down as Primate Center director</em> features <a href="news.html#kemnitz2">Joseph W. Kemnitz</a> (NTP faculty)</li>
              <hr>
            </div>
        <!-- InstanceEndEditable --></div></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="bottombox"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td width="700px" colspan="7">
            <div width="700px" colspan="2" align="center">
                <form action="http://ntp.neuroscience.wisc.edu/search.html" id="cse-search-box">
                  <div>
                      <b>Search NTP: </b>
                    <input type="hidden" name="cx" value="011160202589940358049:xyauj-lfpd0" />
                    <input type="hidden" name="cof" value="FORID:11" />
                    <input type="hidden" name="ie" value="UTF-8" />
                    <input type="text" name="q" size="31" />
                    <input type="submit" name="sa" value="Search" />
                  </div>
                </form>
                <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
                <p><a href="http://npp.neuroscience.wisc.edu">Neuroscience & Public Policy Dual-Degree Program</a>
               <p align="center"><font size="2">7225 Medical Sciences Center<br>
                    1300 University Avenue<br></font>
                    <font size="2">Madison, WI 53706-1532<br><br></font>
                    <font size="2">Tel: (608) 262-4932 </font></p>
               <p align="center">
                     <a href="http://www.wisc.edu">UW Home</a>   
                     <a href="http://www.wisc.edu/grad/">Graduate School</a>   
                    <a href="sitemap.htm">Site Map</a></p>
               <hr align="center" width="50%">
               <p align="center">Copyright &copy; 2003 The Board of Regents of the University
                    of Wisconsin System<br>
                    Page Created
                    <!-- InstanceBeginEditable name="Created" -->February 7, 2008<!-- InstanceEndEditable -->
                    | Last Updated
                    <!-- #BeginDate format:Am1 -->January 28, 2010<!-- #EndDate --><br>
                    Question or Comments, Please Contact <a href="contact.html">Jenny</a> or <a href="contact.html">Jessica</a> at <a href="mailto:[email protected]">
                    [email protected]</a><br>
               </p></div>    </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar6 = new Spry.Widget.MenuBar("MenuBar6", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    <!-- InstanceEnd --></html>
    Now Here's the Template
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>List</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="Templates/index.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="../images/brain.ico">
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    .style1 {color: #000000}
    -->
    </style>
    <!--[if lt IE 7.]>
    <script defer type="text/javascript" src="pngfix/pngfix.js"></script>
    <![endif]-->
    </head>
    <body background="../images/bgstripes2.jpg">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td> </td>
        <td> </td>
        <td class="banner" colspan="7"><img src="../images/bannerIndex.jpg"></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td class="button">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="../programlist.html">Program</a>
                <ul>
                  <li><a href="../program/welcome.html">Welcome</a></li>
                  <li><a href="../contact.html">Contact</a></li>
                  <li><a href="../news.html">Recent News</a></li>
                  <li><a href="../program/highlights.html">Overview</a></li>
                  <li><a href="../program/progress.html">Getting a Degree</a></li>
                  <li><a href="../program/courses.html">Graduate Courses</a></li>
                  <li><a href="../program/seminar/seminar.html">Seminars</a></li>
                  <li><a href="../program/lecture.html">Lecture Series</a></li>
                  <li><a href="../program/jrnlclub.html">Journal Clubs</a></li>
                  <li><a href="../program/map.html">Directions</a></li>
              </ul>
            </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar2" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="../researchlist.html">Research</a>
              <ul>
                    <li><a href="../research/strengths.html">Strengths</a></li>
                     <li><a href="../faculty/facultyMain.php">Faculty Research</a></li>
                    <li><a href="../students/studentMain.php">Student Research</a></li>
              </ul>
            </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar3" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="../admissionslist.html">Admissions</a>
                  <ul>
                    <li><a href="../admissions/admission.html#admissions">Requirements</a></li>
                    <li><a href="../admissions/admission.html#materials">Application</a></li>
                    <li><a href="../admissions/admission.html#aid">Financial Aid</a></li>
                    <li><a href="../admissions/feegrant.html">Fee Grants</a></li>
                    <li><a href="../admissions/admission.html#status">Application Status</a></li>
                    <li><a href="../admissions/faq.html">FAQ's</a></li>
                    <li><a href="../admissions/checklist.html">Check List</a></li>
                    <li><a href="http://npp.neuroscience.wisc.edu/">Public Policy Program</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar4" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="../resourcelist.html">Resources</a>
                  <ul>
                       <li><a href="../resource/currstudents/currstudents.html">Current Students</a></li>
                    <li><a href="../resource/coursePages.html">Course Pages</a></li>
                    <li><a href="../resource/midlevel.html">Course Requirements</a></li>
                    <li><a href="../resource/StudForms/studforms.html">Forms</a></li>
                    <li><a href="../resource/alumni/alumni.html">Alumni Directory</a></li>
                    <li><a href="../univlist.html">The University</a></li>
                    <li><a href="../resourcelist.html#moreResources">More Resources</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td class="button">
              <ul id="MenuBar5" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="../eventslist.html">Events</a>
                  <ul>
                    <li><a href="../events/AnnualPicnic/index.htm">Annual Picnic</a></li>
                    <li><a href="../events/SumGradFair/index.htm">Graduate Fair</a></li>
                    <li><a href="../events/k-12.htm">K-12 Outreach</a></li>
                    <li><a href="../events/PosterFair/index.htm">Poster Fair</a></li>
                    <li><a href="../events/ReSymp/index.htm">Research Symposium</a></li>
                  </ul>
              </li>
          </ul>    
        </td>
        <td class="button">
          <ul id="MenuBar6" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="../undergradlist.html">Undergrad</a>
                  <ul>
                    <li><a href="http://www.biology.wisc.edu/Academic_Programs/Biology/Neurobiology/index.asp">
                             Neurobiology Major Option</font></a></li>
                    <li><a href="../undergrad/ugcourses.html">Undergraduate Courses</a></li>
                    <li><a href="../undergrad/resopp.html">Research Opportunities</a></li>
                    <li><a href="../undergrad/reaward.html">Research Awards</a></li>
                    <li><a href="http://www.wisc.edu/cbe/research/funding.html">Research Funds</a></li>
                    <li><a href="http://neurosci.rso.wisc.edu/" target="_blank">Neuroscience Society</a></li>
                    <li><a href="../undergrad/sciencejobs.html">Jobs in Science</a></li>
                    <li><a href="../admissions/admission.html">Application</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td  width="100px"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="topbox"></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="middlebox"><div class="content"><!-- TemplateBeginEditable name="content" class="content"-->
          <p>Content stuff goes here!</p>
          <!-- TemplateEndEditable --></div></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="bottombox"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td width="700px" colspan="7">
             <div width="700px" colspan="2" align="center">
                <form action="http://ntp.neuroscience.wisc.edu/search.html" id="cse-search-box">
                  <div>
                       <b>Search NTP: </b>
                    <input type="hidden" name="cx" value="011160202589940358049:xyauj-lfpd0" />
                    <input type="hidden" name="cof" value="FORID:11" />
                    <input type="hidden" name="ie" value="UTF-8" />
                    <input type="text" name="q" size="31" />
                    <input type="submit" name="sa" value="Search" />
                  </div>
                </form>
                <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
                <p><a href="http://npp.neuroscience.wisc.edu">Neuroscience & Public Policy Dual-Degree Program</a>
                 <p align="center"><font size="2">7225 Medical Sciences Center<br>
                      1300 University Avenue<br></font>
                      <font size="2">Madison, WI 53706-1532<br><br></font>
                    <font size="2">Tel: (608) 262-4932 </font></p>
                <p align="center">
                       <a href="http://www.wisc.edu">UW Home</a>   
                       <a href="http://www.wisc.edu/grad/">Graduate School</a>   
                    <a href="../sitemap.htm">Site Map</a></p>
                <hr align="center" width="50%">
                <p align="center">Copyright &copy; 2003 The Board of Regents of the University
                      of Wisconsin System<br>
                      Page Created
                        <!-- TemplateBeginEditable name="Created" -->February 7, 2008<!-- TemplateEndEditable -->
                      | Last Updated
                      <!-- #BeginDate format:Am1 -->January 28, 2010<!-- #EndDate --><br>
                      Question or Comments, Please Contact <a href="../contact.html">Jenny</a> or <a href="../contact.html">Jessica</a> at <a href="mailto:[email protected]">
                    [email protected]</a><br>
                </p></div>    </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar6 = new Spry.Widget.MenuBar("MenuBar6", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    sorry for the messy code, i inherited this site from the previous employee and havent had a chance to optimize. even though I just joined the forums, thanks for your help!

    You only need to post a URL to your web site. We can see your code in Browser.
    So, your page looks OK to me in Firefox, but when I tried to check it in IE, it choked my browser and closed it.
    You have quite a few code validation errors - no document type declaration, etc... Start by fixing these reported errors.
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fntp.neuroscience.wisc.edu%2F
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • 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

  • 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.

  • 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

  • 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
    >
    >

  • Div background images moving in template

    I am using a "stock" css layout (from Dreamweaver). I have a
    header div with an image placed in it with text on top. I have made
    some content text editable on other parts of the page, however when
    I make the page a template the image placed in the div disappears.
    I checked the code, and the .jpg is still listed. Any ideas or
    suggestions on how to fix this would be appreciated!

    Line 30?
    Can you upload the page and post a link instead?
    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
    ==================
    "VIPGuilford" <[email protected]> wrote in
    message
    news:[email protected]...
    > Ok. here is the code. The reference to the image.jpg is
    on line 30. It was
    > placed as a background image in Header div in DW.
    > and the text was placed on top..thanks for your help
    everyone ( sorry for
    > all
    > the commenting 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="lesson01/Templates/qwerty.dwt"
    > codeOutsideHTMLIsLocked="false" -->
    > <head>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    > <!-- InstanceBeginEditable name="doctitle" -->
    > <title>Vacation Palace</title>
    > <!-- InstanceEndEditable -->
    > <style type="text/css">
    > <!--
    > body {
    > font: 100% Verdana, Arial, Helvetica, sans-serif;
    > background: #FFFFFF;
    > margin: 0; /* it's good practice to zero the margin and
    padding of the
    > body
    > element to account for differing browser defaults */
    > padding: 0;
    > text-align: center; /* this centers the container in IE
    5* browsers. The
    > text
    > is then set to the left aligned default in the
    #container selector */
    > color: #000000;
    > }
    > .twoColFixLtHdr #container {
    > width: 780px; /* using 20px less than a full 800px width
    allows for
    > browser
    > chrome and avoids a horizontal scroll bar */
    > background: #FFFFFF;
    > margin: 0 auto; /* the auto margins (in conjunction with
    a width) center
    > the
    > page */
    > border: 1px solid #000000;
    > text-align: left; /* this overrides the text-align:
    center on the body
    > element. */
    > }
    > .twoColFixLtHdr #header {
    > padding: 0 10px 0 20px; /* this padding matches the left
    alignment of
    > the
    > elements in the divs that appear beneath it. If an image
    is used in the
    > #header
    > instead of text, you may want to remove the padding. */
    > background-color: #FFFFFF;
    > background-repeat: no-repeat;
    > background-position: 0px;
    > background-image: url(file:///Macintosh
    >
    HD/Users/davidwasserboehr/Desktop/lesson01/images/cloud_header.jpg);
    > }

  • 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&amp;dog.jpg" width="150" height="150" alt="puppy &amp; 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 &amp; 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 &amp; 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"><!-- TemplateBeginEditable name="Heading" -->Tips for Conducting a Professional Pet Sitter Interview<!-- TemplateEndEditable --></p></td>
          </tr>
          <tr>
            <td align="center" valign="top"><!-- TemplateBeginEditable name="Body" -->
              <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>
            <!-- TemplateEndEditable --></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(&quot;http://www.ringcentral.com/ringme/?uc=F476D3FEFF03EF8DEB3A4803BAD689C9185666081445,0,&s=no &v=2", &quot;Callback_RingMe&quot;, &quot;resizable=no,width=380,height=360&quot;); 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 &amp; 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 &amp; Trains">Walk &amp; 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 &amp; Reptile Care </li>
                <li>Walk &amp; 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 &amp; 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">&copy; 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>

Maybe you are looking for