HELP! Bit of a template pickle...

Dann · June 18, 2009

I'm in a bit of a pickle at the moment. I've been integrating WHMCS into my website for the past few hours, I've got the whole template setup correctly as shown below.

http://img20.imageshack.us/img20/8923/whmcs1.png

When I go on certain pages such as pre-sales contact page, the following occurs...

http://img35.imageshack.us/img35/3553/whmcs2.png

I'm totally oblivious as to why this is happening, it's rather annoying me now. If anybody could help me on this one, I'd greatly appreciate it.

Thanks!

BAJI26 · June 18, 2009

Show us what you have in your header and footer tpls.

Dann · June 18, 2009

Here you go..

Header:

<!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={$charset}" />
<title>{$companyname} - {$pagetitle}{if $kbarticle.title} - {$kbarticle.title}{/if}</title>
{if $systemurl}<base href="{$systemurl}" />
{/if}<link rel="stylesheet" type="text/css" href="http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/style.css" />
<script type="text/javascript" src="includes/jscript/jquery.js"></script>
<script type="text/javascript" src="http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/hover.js"></script>
</head>

<!-- START MAIN HEADER -->

<body onLoad="MM_preloadImages('Images/Logo/homedown.png','Images/Logo/orddown.png','Images/Logo/gamdown.png','Images/Logo/bildown.png','Images/Logo/supdown.png')">

<!-- START MAIN CENTER -->
<center>
<!-- START MAIN WRAPPER -->
<div class="wrapper">

<!-- HEADER TABLE -->
<table width="970" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td height="199"><div>
<!-- START GAME IMAGE -->
      <div class="headercontainer8">
<!-- START LOGO -->
       <div class="logocontain"></div>
<!-- START LOGIN SECTION -->
       <div class="logincont">
         <form id="form1" name="form1" method="post" action="http://gamepanel.endlessgaming.co.uk/Templates/Default/login.aspx">
           <div class="loginlow">
               <input name="USERID" type="text" class="username" id="USERID" size="12" />

               <br />
               <label>
               <input name="PASSWORD" type="password" class="password" id="PASSWORD" size="12" />
               <br />
               </label>
               <label></label>
               <label></label>
               <label></label>
               <label></label>

               <label></label>
               <label>
               <input type="image" name="imageField" src="http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/sumbit.png">
               </label>
           </div>
         </form>
<!-- END LOGIN SECTION -->
       </div>
<!-- START MENU SECTION -->
<div class="buttoncontain"><a href="HERE" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/homedown.png',1)"></a><a href="http://google.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('homim','','http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/homedown.png',1)"><img src="http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/homeup.png" alt="HERE" name="homim" width="107" height="25" border="0" id="homim" /></a><a href="http://wikipedia.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Ordim','','http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/orddown.png',1)"><img src="http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/ordup.png" name="Ordim" width="107" height="25" border="0" id="Ordim" /></a><a href="http://gmail.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Gpim','','http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/gamdown.png',1)"><img src="http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/gamup.png" alt="HERE" name="Gpim" width="107" height="25" border="0" id="Gpim" /></a><a href="http://facebook.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('BillIm','','http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/bildown.png',1)"><img src="http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/bilup.png" alt="HERE" name="BillIm" width="107" height="25" border="0" id="BillIm" /></a><a href="http://multimap.co.uk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Supim','','http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/supdown.png',1)"><img src="http://dan.endlessgaming.co.uk/billzor/templates/endlesstest1/images/Logo/supup.png" alt="HERE" name="Supim" width="107" height="25" border="0" id="Supim" /></a>
</div>
<!-- END LOGO SECTION -->
     </div>
<!-- END MENU SECTION -->
   </div></td>
 </tr>
</table>
<!-- END HEADER TABLE -->

<!-- ORANGE BAR -->
<div class="orangebar"></div>
<!-- END ORANGE BAR -->
<table cellpadding="0" width="900" height="17" cellspacing="0" class="topnavbar"><tr class="topnavbar"><td><a href="index.php">{$LANG.globalsystemname}</a></td><td><a href="clientarea.php">{$LANG.clientareatitle}</a></td><td><a href="announcements.php">{$LANG.announcementstitle}</a></td><td><a href="knowledgebase.php">{$LANG.knowledgebasetitle}</a></td><td><a href="supporttickets.php">{$LANG.supportticketspagetitle}</a></td><td><a href="downloads.php">{$LANG.downloadstitle}</a></td>{if $loggedin}<td><a href="logout.php">{$LANG.logouttitle}</a></td>{/if}</tr></table>

<!-- WRAP IN -->
<div class="wrapin">
<!-- LEFT ALIGN -->
<div align="left">
<p>{if "templates/$template/images/$filename.png"|file_exists}<img src="templates/{$template}/images/{$filename}.png" align="right" alt="" />{/if}
<span class="heading">{$pagetitle}</span><br />
{$LANG.globalyouarehere}: {$breadcrumbnav}</p>
</div>
<!-- END LEFT ALIGN -->

{if $loggedin}
<span align="center" class="clientarealinks"><a href="clientarea.php"><img src="images/clientarea.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareanavhome}</a><a href="clientarea.php?action=details"><img src="images/details.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareanavdetails}</a><a href="clientarea.php?action=products"><img src="images/products.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareaproducts}</a><a href="clientarea.php?action=domains"><img src="images/domains.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareanavdomains}</a><a href="clientarea.php?action=invoices"><img src="images/invoices.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.invoices}</a><a href="supporttickets.php"><img src="images/supporttickets.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareanavsupporttickets}</a><a href="affiliates.php"><img src="images/affiliates.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.affiliatestitle}</a><a href="clientarea.php?action=emails"><img src="images/emails.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareaemails}</a></span>
{/if}

Footer:

</div>
<!-- END LEFT ALIGN -->

<!-- CONTENT BOX -->
{if $langchange}
<br />
<div class="contentbox">{$setlanguage}</div>
{/if}
<!-- END BOX -->

<!-- ORANGE GAR -->
<div class="orangebar"></div>
<!-- END ORANGE BAR -->

<!-- FOOTER GRADIENT -->
<div class="footer">
<table width="100%" height="70" border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td><div align="center" class="ftxt">

     <div align="center"><strong><a href="http://forum.endlessgaming.co.uk/home.php">Home</a> | <a href="http://forum.endlessgaming.co.uk/forum.php">Forum</a> | <a href="http://forum.endlessgaming.co.uk/tickets.php">Support Tickets</a> | <a href="http://gamepanel.endlessgaming.co.uk">Control Panel</a> | <a href="http://forum.endlessgaming.co.uk/clients.php">Billing</a> | <a href="http://forum.endlessgaming.co.uk/contact.php">Contact</a> | <a href="http://forum.endlessgaming.co.uk/support.php">Support</a> | <a href="http://forum.endlessgaming.co.uk/terms.php">Terms & Conditions</a></strong></div>

   </div></td>
 </tr>
</table>
</div>
<!-- END FOOTER GRADIENT -->
</div>
<!-- END  -->
</center>
<!-- CENTER + POWERED -->
<center>
<div class="powered"></div>
</center>
<!-- END CENTER + POWERED -->
</body>
</html>

BAJI26 · June 18, 2009

I believe the problem is with your contact.tpl, as I can see its the only page that is like that.

Did you add styling to <form></form> ?

Edited June 18, 2009 by BAJI26

Dann · June 18, 2009

The form styling is fine. I haven't edited contact.tpl at all, I had to add a few <br> tags to the login form as that was overlapping as well.

BAJI26 · June 18, 2009

When I remove the <form> tags it fits fine... Look in the css and see if there are styling for the <form>

Dann · June 18, 2009

Ah! There's styling for the top tags, could that be conflicting with it?

I'll have a quick test and try, thanks for your help

BAJI26 · June 18, 2009

Ah! There's styling for the top tags, could that be conflicting with it?

I'll have a quick test and try, thanks for your help

Look in ur other css for [form1]

Dann · June 19, 2009

I've removed form1 from the entire header and it's still erroring. Any clue?

Dann · June 19, 2009

Managed to sort it.

Thanks

BAJI26 · June 19, 2009

What was it?

HELP! Bit of a template pickle...

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Recently Browsing 0 members

Important Information