Broken template

[TwittersPVFC]

Hi all,

The person I'm designing the website for has asked me to make the website black, so I've done it and this is the result:

http://www.e3propertyservices.co.uk/index.php

For some reason, the formatting behind the menu is lost and I can't seem to change the Home colour to white instead of what it is now.

The code for the template is below.

Any help would be greatly appreciated.

Cheers

Mark

{process_pagedata}

{* Change lang="en" to the language of your site *}

{* note: anything inside these are smarty comments, they will not show up in the page source *}
 
{if isset($canonical)}{elseif isset($content_obj)}GetURL()}" />{/if}

{title} | {sitename}
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

{cms_stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}

{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}




{* The above JavaScript is required for Menu - NCleanBlue-css to work in IE6 *}

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}
{* IE6 png fix *}
{literal}



// argument is a CSS selector
DD_belatedPNG.fix('.sbar-top,.sbar-bottom,.main-top,.main-bottom,#version');


/* enable background image caching in IE6 */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}


{/literal}

 
 
   
     
{* start accessibility skip links *}
       
          {anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}
          {anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}
       
{* end accessibility skip links *}
       
{* Horizontal ruler that is hidden for visual browsers by CSS *}

{* Start Header, with logo image that links to the default start page *}
       
{* logo image that links to the default start page. Logo image is changed in the style sheet  "Layout: NCleanBlue" *}
         
            {cms_selflink dir="start" text="$sitename"}
         
         
{* Start Search, the input "Submit" is using an image, CSS: div#search input.search-button  - now removed*}
         
             
         
{* End Search *}
           
         
{* Start Navigation, style sheet  "Layout: NCleanBlue", starting at Menu  ROOT *}
          Navigation
{* anything class="accessibility" is hidden for visual browsers by CSS *}
         
          {menu template='cssmenu_ulshadow.tpl'}
         
         
{* End Navigation *}

       
{* End Header *}

{* Start Content (Navigation and Content columns) *}
       

{* Start Bar *}
         
             
         
{* End Bar *}

{* Start left side *}
{* Start Navigation, stylesheet  "Navigation: Simple - Vertical" *}
         
           
              Menu
           
           
           
              Navigation
              {menu template='simple_navigation.tpl' collapse='1'}
             
             
         
       
{* End Navigation *}
{* End left side *}

{* Start Content Area, right side *}
         

{* main top, holds top image and print image *}
           
             
                {print showbutton=true}
             
           
           
{* main content *}
           
              {title}
            {content}
           
           
{* Start main bottom and relational links *}
           
             
              {anchor anchor='main' text='^  Top'}
             
             
               
                  {cms_selflink dir="previous" label="Previous page: "} 
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
               
               
                  {cms_selflink dir="next"} 
               
             
{* End relational links *}

             
           
{* End main bottom *}

         
{* End Content Area, right side *}

       
{* End Content *}

     
{* end pagewrapper *}
       
     
{* Start Footer *}
     
       

{* edit the footer in the Global Content Block called "footer" *}
         
            {global_content name='footer'}
         
         
           
       
     
{* End Footer *}
   
{* End Div *}
 

[Rolf]

Hi

you missed an end tag in your template.

{* Start left side *}
{* Start Navigation, stylesheet  "Navigation: Simple - Vertical" *}
         
           
              Menu
           
           
           
              Navigation
              {menu template='simple_navigation.tpl' collapse='1'}
           
             
         
       
{* End Navigation *}
{* End left side *}

grtz. Rolf

[TwittersPVFC]

I've added that closing tag but still having the same problem

I'm wondering if it's getting hidden somewhere or whether the left hand side can't cope with the nested divs?

[Rolf]

/* Breadcrumbs */
div.breadcrumbs {
padding: 0.5em 0;
font-size: 80%;
margin: 0 1em;
                font-color: #FFFFFF;
}


/* ------------ Footer ------------ */
#footer-wrapper {
min-height: 235px;
height: auto!important;
height: 235px;
width: auto;
margin-top: 5px;
text-align: center;
margin-right: 00px;
margin-left: 0px;
background: #000000;
                align: center;
}
#footer {
color: #FFF;
font-size: 0.8em;
min-height: 235px;
height: auto!important;
height: 235px;
background: #000000;
                text-align: center;
                align: center;
}

[owr_bgld]

shouldn'T be the span a div?

           
             Menu
           
           
         
             Navigation
             {menu template='simple_navigation.tpl' collapse='1'}
           
         
           

       

[owr_bgld]

the above - you have it like span in your stylesheet - so if you change (i would do it) you have to adapt it

BUT .....

you have classes in your stylesheet

Code: Select all

.sbar-title {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #252523;
}
.sbar-top {
	height: 20px;
	width: auto;
	padding: 10px;
	background: url(http://www.e3propertyservices.co.uk/uploads/NCleanBlue/bg__content.png) no-repeat left top;
}
.sbar-main {
	width: auto;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	background: #F0F0F0;

but ID's in your template -> sbar-main is in template id in stylesheet class

[TwittersPVFC]

I've changed the id's to classes and that's now got the background.

But I've now got it across the page and above the home page instead of just down the left so not sure what's gone wrong there.

http://www.e3propertyservices.co.uk/index.php

{process_pagedata}

{* Change lang="en" to the language of your site *}

{* note: anything inside these are smarty comments, they will not show up in the page source *}
 
{if isset($canonical)}{elseif isset($content_obj)}GetURL()}" />{/if}

{title} | {sitename}
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

{cms_stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}

{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}




{* The above JavaScript is required for Menu - NCleanBlue-css to work in IE6 *}

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}
{* IE6 png fix *}
{literal}



// argument is a CSS selector
DD_belatedPNG.fix('.sbar-top,.sbar-bottom,.main-top,.main-bottom,#version');


/* enable background image caching in IE6 */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}


{/literal}

 
 
   
     
{* start accessibility skip links *}
       
          {anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}
          {anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}
       
{* end accessibility skip links *}
       
{* Horizontal ruler that is hidden for visual browsers by CSS *}

{* Start Header, with logo image that links to the default start page *}
       
{* logo image that links to the default start page. Logo image is changed in the style sheet  "Layout: NCleanBlue" *}
         
            {cms_selflink dir="start" text="$sitename"}
         
         
{* Start Search, the input "Submit" is using an image, CSS: div#search input.search-button  - now removed*}
         
             
         
{* End Search *}
           
         
{* Start Navigation, style sheet  "Layout: NCleanBlue", starting at Menu  ROOT *}
          Navigation
{* anything class="accessibility" is hidden for visual browsers by CSS *}
         
          {menu template='cssmenu_ulshadow.tpl'}
         
         
{* End Navigation *}

       
{* End Header *}

{* Start Content (Navigation and Content columns) *}
       
         
             
         

{* Start Bar *}
         
             
         
{* End Bar *}

         
             
         

{* Start left side *}
{* Start Navigation, stylesheet  "Navigation: Simple - Vertical" *}
         
           
              Menu
           
           
              Navigation
              {menu template='simple_navigation.tpl' collapse='1'}
             
             
         
       
{* End Navigation *}
{* End left side *}

{* Start Content Area, right side *}
         

{* main top, holds top image and print image *}
           
             
                {print showbutton=true}
             
           
           
{* main content *}
           
              {title}
            {content}
           
           
{* Start main bottom and relational links *}
           
             
              {anchor anchor='main' text='^  Top'}
             
             
               
                  {cms_selflink dir="previous" label="Previous page: "} 
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
               
               
                  {cms_selflink dir="next"} 
               
             
{* End relational links *}

             
           
{* End main bottom *}

         
{* End Content Area, right side *}

       
{* End Content *}

     
{* end pagewrapper *}
       
     
{* Start Footer *}
     
       

{* edit the footer in the Global Content Block called "footer" *}
         
            {global_content name='footer'}
         
         
           
       
     
{* End Footer *}
   
{* End Div *}
 

[Rolf]

I think

Code: Select all

<div class="left" class="core-float-left">

Should be

Code: Select all

<div class="left core-float-left">

Try to use the W3C Validation!!

grtz. Rolf 

[TwittersPVFC]

I'm getting there now!  Changing the class link has solved the problem with the link going across the page, but it seems to get chopped in half and the footer is still missing.

[TwittersPVFC]

http://www.e3propertyservices.co.uk/index.php

This is the latest.  I can't work out why half the menu is missing and why the text at the bottom is at the left and not the centre.  Any advice would be appreciated as it's doing my head in!

[Rolf]

This should do the trick for your menu:

.sbar-top {
width: 230px;
}

and perhaps

.sbar-main {
width: 230px;
}

Do you use Firefox, with the Firebug add-on installed?
It is a great help with this kind of problems.
http://getfirebug.com/

grtz. Rolf 

[TwittersPVFC]

No, I'm afraid I'm an IE child!  I think I should use firefox mind you!

That's brilliant cheers, all that's left now is why the disclaimer is on the left and not in the centre!