Template creation problems

[wms]

Hi,

I create a new template and point one of my pages to it.  When I load it up in a web browser, it doesn't see my template and just plain text with no structure or css is applied.

Am I doing something wrong?

Thanks,

[jelle]

yes you are doing something wrong: not posting the relevant details like cms version, db type& version, php version, OS.
Posting the (stripped down) template here that shows the behaviour with the resulting html will help a great deal too (make a copy and strip that one down, chances are you will find the error while you are doing that). 

[wms]

Ok...here it goes
[I'm using the lastest version that is available for download, version 0.11.2 I believe on a Windows 2003 server.]

I started with the "Bulletmenu Vert 1 col" template, modified it and copied and pasted it into a new template file.  [Site only works if I refer my pages to "Bulletmenu Vert 1 col" and not my new template.]

TEMPLATE
_________________________________________________________________








title info


{stylesheet}







   

   
          address info
       

     
          e-mail info
       



   
          {breadcrumbs delimiter='»' initial='1'}
   

   

     
           {bulletmenu collapse='1'}
     

     
           {title}
           {content}
       




   
         
              footer info
         
   








_________________________________________________________________
And I did the same with the style sheets, I just modified the "Layout" & the "Layout Bulletmenu Vert 1C".

Layout
_________________________________________________________________
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */

html,body {
        margin: 0;
        padding: 0;
        text-align: center;
        background-color: #8fa6b4;
        height: 100%;
    }

    div#page {
        width: 750px;
        margin:  auto;
        padding: 0;
        text-align: left;
        height: 100%;
      }
   

    /* HEADER */
          div#header {
             top: 0px;
             left: auto;
             width: 750px;
             height: 210px;
             background: url(/images/Header.jpg);
         }
   /* END HEADER */
   
   
    /* CONTENT */
        div#content {
           top: 230px;
           left: auto;
           width: 750px;
           background:  url(/images/Body.gif);
           background-repeat: repeat-y; /* which still doesn't work...grrr,
                                           cannot get the background to expand
                                           the the height of the browser window */
         }
       
        /* MAIN */
           div#main {
              width: 500px;
              height:  100%;
              padding-left: 15px;
           }
        /* END MAIN */
    /* END CONTENT */
   
   
    /* FOOTER */
        div#footer {
           top: auto;
           left: auto;           
           bottom: 1 em;
           width: 750px;
           height: 28px;
           background: url(/images/Footer.gif);
         
        }
        div#footertext {
           padding-top: 3px;       
           color: white;
           font-size: 7pt;
           text-align: center;
         }
     /* END FOOTER */

/* END LAYOUT */

    div.headertext {
           position: absolute;           
           top: 182px;
           left:  auto;
           padding-left: 10px;       
           color: white;
           font-size: 8pt;
         }
       div.email {
           position: absolute;           
           top: 182px;
           padding-left: 635px;
           color: white;
           font-size: 8pt;
       }

      div.breadcrumbs {
           top: 210px;
           left: auto;
           width: 750px;
           height: 20px;
           padding-left: 10px;
           background:  url(/images/Body.gif);
           background-repeat: repeat-y;
           font-size: 7pt;
       }
_________________________________________________________________
Layout Bulletmenu Vert 1C
_________________________________________________________________
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        margin: auto auto auto auto;
       }

    div#main {
      float: left;
      margin-bottom: 15px;
       
    }
    div#menu_vert {
        float: left;
        width: 180px;
        margin-left: 15px;
        margin-bottom: 15px;
    }
   
    div#footer {
   
}
/* END CONTENT */

A.email { color: white; font-size: 8pt; text-decoration: underline }
A.email:Hover { text-decoration: none }


A.footer { color: white; font-size: 7pt; text-decoration: underline }
A.footer:Hover { text-decoration: none }
A.footer:Visited { color: white }
_________________________________________________________________

Any help would be great.

Thanks,

[jelle]

I started with the "Bulletmenu Vert 1 col" template, modified it and copied and pasted it into a new template file.  [Site only works if I refer my pages to "Bulletmenu Vert 1 col" and not my new template.]

It works much better if you just use the provided 'copy' button, that will keep the stylesheets attached, if you create a new one you will have to do that by hand, and it might be that you missed that. That's the yellowish icon behind the template name in the list.

BTW: never EVER define your fontsize in (absolute) pt sizes, always use relative sizes like 1.2em or small,large etc. Pegging the fontsize is like giving the finger to everybody that happens to prefer a different default fontsize for whatever reason (like sitting 5 foot away from my screen).

[wms]

Thanks Jelle,

Yes, I didn't know about the 'attached stylesheet' button...just tried it....it works now.

And as for the font size...yeah, I just read about not using pt.  I will be changing that as well.

Thanks for all the help and quick response!!