Struggling getting my header to work

[ChrisB]

Hello all

Can someone help me out with this, I am trying to use my main website header adn navbar on my WHMCS installation but for some reason it just wont work! My fault Im sure I have looked over the code until my eyes are blurred and have a headache and still cant figure it out.

Have a look you will se what I mean:

http://clientarea.99quidwebsites.co.uk/index.php

It just wont sit at the top of the page and has also disabled all the WHMCS links, Im susually pretty OK with stuff like this but this has me stumped so am hoping some kind sole here can teach me something new

Thanks in advance

Chris

[ChrisB]

Anyone???

Still cant get this too work going to put an order in for intergration if I cant figure it out today which will really upset me not the fact of paying the fact I can't and nobody else can figure it out.

I know a few of you have had a look if anyone can offer any wisdom it would be appreciated

thanks in advance

Chris

[Nicklas]

Hi ChrisB,

You need to make sure that you are putting the header content in the header.tpl which is located in /templates/portal/.

Anyway, you seem to be doing right, however the problem is in your HTML. After having a little look on your website, I noticed that you use height etc.

<!--[if IE]><div class="xr_ap" id="xr_xr" style="width: 760px; height: 700px; top:0px; left:50%; margin-left: -380px; clip: rect(0px 760px 700px 0px);"><![endif]--> 
<!--[if !IE]>--><div class="xr_ap" id="xr_xr" style="width: 760px; height: 700px; top:0px; left:50%; margin-left: -380px; clip: rect(0px, 760px, 700px, 0px);"><!--<![endif]--> 
<script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script> 
 <img class="xr_ap" src="header_htm_files/0.png" alt="" style="left: 5px; top: 151px; width: 753px; height: 147px;"/> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/1.png" alt="" style="left: 588px; top: 153px; width: 169px; height: 113px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <a href="header.htm" id="Repeating:58ReflectionsHnavbar1"  onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/2.png" alt="" style="left: 113px; top: 266px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/3.png" alt="" style="left: 6px; top: 266px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/4.png" alt="" style="left: 648px; top: 266px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/5.png" alt="" style="left: 220px; top: 266px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/6.png" alt="" style="left: 327px; top: 266px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/7.png" alt="" style="left: 434px; top: 266px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/8.png" alt="" style="left: 541px; top: 266px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <img class="xr_ap" src="header_htm_files/0.jpg" alt="" style="left: 7px; top: 154px; width: 386px; height: 111px;"/> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/9.png" alt="" style="left: 523px; top: 163px; width: 100px; height: 100px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <a href="header.htm" onclick="return(xr_nn());"> 
 <img class="xr_ap" src="header_htm_files/10.png" alt="" style="left: 422px; top: 153px; width: 101px; height: 106px; " onmousemove="xr_mo(this,0)"/> 
 </a> 
 <div class="xr_ap" id="Repeating:58AutoRepeat5" style="left: 283px; top: 223px; width: 129px; height: 43px;">

You should never use height or top etc, then it's pretty obvious why it's in the middle of the control panel. Remove those and you'll have it working.

Best Regards,
Nicklas

[ChrisB]

Nicklas thank you your a star I am off to tinker now

[ChrisB]

OK nearly there now thanks to a fantastic person on another forum I have finally got the header and my navbar in the right place however in ff I have lost the WHMCS navbar and none of the WHMCS links on the page work in IE I have lost the WHMCS navbar BUT the WHMCS links DO work, the code now looks like this:

<!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="templates/{$template}/style.css" />
<script type="text/javascript" src="includes/jscript/jquery.js"></script>

</head>
<body>
<script type="text/javascript" src="header_htm_files/roe.js"></script>
<link rel="stylesheet" type="text/css" href="header_htm_files/default.css" />
<!--[if IE]><div class="xr_ap" id="xr_xr" style="width: 760px; height: 700px; top:0px; left:50%; margin-left: -380px; clip: rect(0px 760px 700px 0px);"><![endif]-->
<!--[if !IE]>--><div class="xr_ap" id="xr_xr" style="width: 760px; height: 700px; top:0px; left:50%; margin-left: -380px; clip: rect(0px, 760px, 700px, 0px);"><!--<![endif]-->
<script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script>
 <img class="xr_ap" src="header_htm_files/0.png" alt="" style="left: 5px; top: 0px; width: 753px; height: 147px;"/>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/1.png" alt="" style="left: 588px; top: 2px; width: 169px; height: 113px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <a href="header.htm" id="Repeating:58ReflectionsHnavbar1"  onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/2.png" alt="" style="left: 113px; top: 116px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/3.png" alt="" style="left: 6px; top: 116px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/4.png" alt="" style="left: 648px; top: 116px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/5.png" alt="" style="left: 220px; top: 116px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/6.png" alt="" style="left: 327px; top: 116px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/7.png" alt="" style="left: 434px; top: 116px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/8.png" alt="" style="left: 541px; top: 116px; width: 108px; height: 30px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <img class="xr_ap" src="header_htm_files/0.jpg" alt="" style="left: 7px; top: 3px; width: 386px; height: 111px;"/>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/9.png" alt="" style="left: 523px; top: 12px; width: 100px; height: 100px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <a href="header.htm" onclick="return(xr_nn());">
 <img class="xr_ap" src="header_htm_files/10.png" alt="" style="left: 422px; top: 2px; width: 101px; height: 106px; " onmousemove="xr_mo(this,0)"/>
 </a>
 <div class="xr_ap" id="Repeating:58AutoRepeat5" style="left: 283px; top: 73px; width: 129px; height: 43px;">
<!-- http://www.LiveZilla.net Chat Button Link Code --><a href="javascript:void(window.open('http://www.99quidwebsites.co.uk/livehelp/livezilla.php','','width=590,height=550,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><img src="http://www.99quidwebsites.co.uk/livehelp/image.php?id=04" width="128" height="42" border="0" alt="LiveZilla Live Help"></a><noscript><div><a href="http://www.99quidwebsites.co.uk/livehelp/livezilla.php" target="_blank">Start Live Help Chat</a></div></noscript><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- http://www.LiveZilla.net Tracking Code --><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">var script = document.createElement("script");script.type="text/javascript";var src = "http://www.99quidwebsites.co.uk/livehelp/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><!-- http://www.LiveZilla.net Tracking Code -->

 </div>
 <div id="xr_xo0" class="xr_ap" style="left: 0; top: 0; width: 760px; height: 100px; visibility: hidden;">
  <a href="" onclick="return(false);">
   <img class="xr_ap" src="header_htm_files/12.png" alt="" style="left: 113px; top: 116px; width: 108px; height: 30px;"/>
   <img class="xr_ap" src="header_htm_files/13.png" alt="" style="left: 6px; top: 116px; width: 108px; height: 30px;"/>
   <img class="xr_ap" src="header_htm_files/14.png" alt="" style="left: 647px; top: 116px; width: 108px; height: 30px;"/>
   <img class="xr_ap" src="header_htm_files/15.png" alt="" style="left: 220px; top: 116px; width: 108px; height: 30px;"/>
   <img class="xr_ap" src="header_htm_files/16.png" alt="" style="left: 327px; top: 116px; width: 108px; height: 30px;"/>
   <img class="xr_ap" src="header_htm_files/17.png" alt="" style="left: 434px; top: 116px; width: 108px; height: 30px;"/>
   <img class="xr_ap" src="header_htm_files/18.png" alt="" style="left: 541px; top: 116px; width: 108px; height: 30px;"/>
  </a>
 </div>
 <div id="xr_xd0"></div>
</div>
<!--[if lt IE 7]><script type="text/javascript" src="header_htm_files/png.js"></script><![endif]-->
<script type="text/javascript">xr_aeh()</script>
<div class="wrapper">

<img src="templates/{$template}/header.jpg" width="730" height="118" alt="" />

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

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

{if $loggedin}
<p 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></p>
{/if}

anyone any ideas? I am so near now just need to solve this last problem.

Any help greatly appreciated

Thanks in advance

Chris

PS the url is:

http://clientarea.99quidwebsites.co.uk