Navigation bar is below the rest.

themasterrocker · November 13, 2009

Right on my webhost I use WHMCS right,

I have the no branding license and I've sorted out my header.tpl file however, when I load my client area, the navigation bar is lower than the icons.

I can attach the header.tpl and footer.tpl if required.

If you don't know what I mean then visit: http://www.110hosting.co.uk/clients and spot the right navigation bar is below everything.

Thanks for any help

themasterrocker · November 14, 2009

Hi guys,

I think I've found it to be a problem within the header.tpl file....

Heres my version of it:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

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

{literal}<style type="text/css">

<!--

body {

background-color: #CCCCCC;

background-image: url(Background.png);

background-repeat: repeat-x;

}

body,td,th {

color: #333333;

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 14px;

}

a:link {

color: #000000;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #000000;

}

a:hover {

text-decoration: underline;

color: #000000;

}

a:active {

text-decoration: none;

color: #000000;

}

.style1 {font-size: 14px}

.style2 {font-size: 12px}

-->

</style>{/literal}

{literal}<script type="text/JavaScript">

<!--

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>{/literal}

</head>

<div align="center">

<p><br />

<img src="http://www.110hosting.co.uk/clients/templates/portal/images/Logo.png" alt="Logo" width="344" height="69" /></p>

</div>

<div class="wrapper">

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

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

Hope you can help me

themasterrocker · November 14, 2009

I seem to have fixed this myself.

(almost anyway nothing to do with header.tpl)

riv · November 15, 2009

How did you fix this ? Please share

themasterrocker · November 15, 2009

Okay,

I fixed this by going through the file,

Then realised that the images were added in but couldn't find where from.

Then I looked at homepage.tpl and relised they were inserted from there.

So I edited my homepage.tpl file to look like this:

<p>{$LANG.headertext}</p>

<tr>

<td width="50%"><strong><a href="clientarea.php">{$LANG.clientareatitle}</a></strong><br />

{$LANG.clientareadescription}</td>

<td><strong><a href="announcements.php">{$LANG.announcementstitle}</a></strong><br />

{$LANG.announcementsdescription}</td>

</tr>

<tr>

<td><strong><a href="submitticket.php">{$LANG.supportticketssubmitticket}</a></strong><br />

{$LANG.submitticketdescription}</td>

<td><strong><a href="downloads.php">{$LANG.downloadstitle}</a></strong><br />

{$LANG.downloadsdescription}</td>

</tr>

<tr>

<td><strong><a href="supporttickets.php">{$LANG.supportticketspagetitle}</a><br />

</strong>{$LANG.supportticketsdescription}</td>

<td width="50%"><strong><a href="knowledgebase.php">{$LANG.knowledgebasetitle}</a></strong><br />

{$LANG.knowledgebasedescription}</td>

</tr>

<tr>

<td><strong><a href="affiliates.php">{$LANG.affiliatestitle}</a></strong><br />

{$LANG.affiliatesdescription}</td>

<td><strong><a href="cart.php">{$LANG.ordertitle}</a></strong><br />

{$LANG.orderdescription}</td>

</tr>

<tr>

<td><strong><a href="contact.php">{$LANG.contacttitle}</a></strong><br />

{$LANG.presalescontactdescription}</td>

<td><strong><a href="domainchecker.php">{$LANG.domaintitle}</a></strong><br />

{$LANG.domaincheckerdescription}</td>

</tr>

<tr>

<td><strong><a href="serverstatus.php">{$LANG.serverstatustitle}</a></strong><br />

{$LANG.serverstatusdescription}</td>

<td><strong><a href="networkissues.php">{$LANG.networkissuestitle}</a></strong><br />

{$LANG.networkissuesdescription}</td>

</tr>

</table>

{if $langchange}<div align="left">{$setlanguage}</div><br />{/if}

</div>

<p class="header">{$LANG.quicknav}</p>

<ul>

<li><a href="index.php"><img src="templates/{$template}/images/icons/support.gif" alt="{$LANG.globalsystemname}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="index.php" title="{$LANG.globalsystemname}">{$LANG.globalsystemname}</a></li>

<li><a href="clientarea.php"><img src="templates/{$template}/images/icons/clientarea.gif" alt="{$LANG.clientareatitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="clientarea.php" title="{$LANG.clientareatitle}">{$LANG.clientareatitle}</a></li>

<li><a href="announcements.php" title="{$LANG.announcementstitle}"><img src="templates/{$template}/images/icons/announcement.gif" alt="{$LANG.announcementstitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="announcements.php" title="{$LANG.announcementstitle}">{$LANG.announcementstitle}</a></li>

<li><a href="knowledgebase.php" title="{$LANG.knowledgebasetitle}"><img src="templates/{$template}/images/icons/knowledgebase.gif" alt="{$LANG.knowledgebasetitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="knowledgebase.php" title="{$LANG.knowledgebasetitle}">{$LANG.knowledgebasetitle}</a></li>

<li><a href="submitticket.php" title="{$LANG.supportticketssubmitticket}"><img src="templates/{$template}/images/icons/submit-ticket.gif" alt="{$LANG.supportticketssubmitticket}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="submitticket.php" title="{$LANG.supportticketspagetitle}">{$LANG.supportticketssubmitticket}</a></li>

<li><a href="downloads.php" title="{$LANG.downloadstitle}"><img src="templates/{$template}/images/icons/downloads.gif" alt="{$LANG.downloadstitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="downloads.php" title="{$LANG.downloadstitle}">{$LANG.downloadstitle}</a></li>

<li><a href="cart.php" title="{$LANG.ordertitle}"><img src="templates/{$template}/images/icons/order.gif" alt="{$LANG.ordertitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="cart.php" title="{$LANG.ordertitle}">{$LANG.ordertitle}</a></li>

</ul>

{if $loggedin}

<p class="header">{$LANG.accountinfo}</p>

<p><strong>{$clientsdetails.firstname} {$clientsdetails.lastname} {if $clientsdetails.companyname}({$clientsdetails.companyname}){/if}</strong><br />

{$clientsdetails.address1}, {$clientsdetails.address2}<br />

{$clientsdetails.city}, {$clientsdetails.state}, {$clientsdetails.postcode}<br />

{$clientsdetails.countryname}<br />

{$clientsdetails.email}<br /><br />

{if $addfundsenabled}<img src="templates/{$template}/images/icons/money.gif" alt="Add Funds" width="22" height="22" border="0" class="absmiddle" /> <a href="clientarea.php?action=addfunds">{$LANG.addfunds}</a>{/if}</p>

<p class="header">{$LANG.accountstats}</p>

<p>{$LANG.statsnumproducts}: <strong>{$clientsstats.productsnumactive}</strong> ({$clientsstats.productsnumtotal})<br />

{$LANG.statsnumdomains}: <strong>{$clientsstats.numactivedomains}</strong> ({$clientsstats.numdomains})<br />

{$LANG.statsnumtickets}: <strong>{$clientsstats.numtickets}</strong><br />

{$LANG.statsnumreferredsignups}: <strong>{$clientsstats.numaffiliatesignups}</strong><br />

{$LANG.statscreditbalance}: <strong>{$clientsstats.creditbalance}</strong><br />

{$LANG.statsdueinvoicesbalance}: <strong>{if $clientsstats.numdueinvoices>0}<span class="red">{/if}{$clientsstats.dueinvoicesbalance}{if $clientsstats.numdueinvoices>0}</span>{/if}</strong></p>

{else}

<p class="header">{$LANG.clientlogin}</p>

<p><strong>{$LANG.email}</strong><br />

</p>

<p><strong>{$LANG.loginpassword}</strong><br />

</p>

<p>

{$LANG.loginrememberme}</p>

<p>

</p>

</form>

<p class="header">{$LANG.knowledgebasesearch}</p>

<p>

<option value="Knowledgebase">{$LANG.knowledgebasetitle}</option>

<option value="Downloads">{$LANG.downloadstitle}</option>

</select>

</p>

</form>

{/if}

</div><br/><br /><br /><br /><br/><br /><br /><br /><br/><br /><br /><br /><br/><br /><br /><br /><br/><br /><br /><br /><br/><br /><br /><br />

{if $announcements}

<h2>{$LANG.latestannouncements}</h2>

<p>{$announcements.0.date} - <a href="{if $seofriendlyurls}announcements/{$announcements.0.id}/{$announcements.0.urlfriendlytitle}.html{else}announcements.php?id={$announcements.0.id}{/if}">{$announcements.0.title}</a><br />{$announcements.0.text|strip_tags|truncate:100:"..."}</p>

{/if}

I then removed the sidebar information from the footer.tpl file.

This now works. Look here for proof : http://www.110hosting.co.uk/clients

riv · November 15, 2009

I think the pictures aint working well now..

themasterrocker · November 15, 2009

I think the pictures aint working well now..

They are working fine for me.

Sign In

Navigation bar is below the rest.

Recommended Posts

themasterrocker

Link to comment

Share on other sites

themasterrocker

Link to comment

Share on other sites

themasterrocker

Link to comment

Share on other sites

riv

Link to comment

Share on other sites

themasterrocker

Link to comment

Share on other sites

riv

Link to comment

Share on other sites

themasterrocker

Link to comment

Share on other sites

Join the conversation

Recently Browsing 0 members

Browse

Latest Activity

Blog

Technical Support

Important Information