Jump to content
themasterrocker

Navigation bar is below the rest.

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

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

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

<body onload="MM_preloadImages('Resellerout.png','Navigation/clientareaover.png','Navigation/Homecurrent.png','Navigation/hostingover.png','Navigation/resellerover.png','Navigation/forumover.png','Navigation/aboutover.png')">

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

<p><img src="Navigation/spaceleft.png" /><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','Navigation/Homecurrent.png',1)"><img src="Navigation/Homecurrent.png" name="Home" width="89" height="37" border="0" id="Home" /></a><a href="hosting.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Hosting','','Navigation/hostingover.png',1)"><img src="Navigation/hostingout.png" name="Hosting" width="89" height="37" border="0" id="Hosting" /></a><a href="reseller.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Reseller','','Navigation/resellerover.png',1)"><img src="Navigation/reseller.png" name="Reseller" width="89" height="37" border="0" id="Reseller" /></a><a href="forum.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Forum','','Navigation/forumover.png',1)"><img src="Navigation/forum.png" name="Forum" width="89" height="37" border="0" id="Forum" /></a><a href="http://110hosting.co.uk/clients/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Client Area','','Navigation/clientareaover.png',1)"><img src="Navigation/clientareaout.png" name="Client Area" width="89" height="37" border="0" id="Client Area" /></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','Navigation/aboutover.png',1)"><img src="Navigation/about.png" name="About Us" width="89" height="37" border="0" id="About Us" /></a><img src="Navigation/spaceright.png" width="19" height="37" /></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

Share this post


Link to post
Share on other sites

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>

<table width="80%" border="0" align="left" cellpadding="10" cellspacing="0">

<tr>

<td><div align="center"><a href="clientarea.php"><img src="templates/{$template}/images/clientarea.png" border="0" alt="" /></a></div></td>

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

{$LANG.clientareadescription}</td>

<td><div align="center"><a href="announcements.php"><img src="templates/{$template}/images/announcements.png" border="0" alt="" /></a></div></td>

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

{$LANG.announcementsdescription}</td>

</tr>

<tr>

<td><div align="center"><a href="submitticket.php"><img src="templates/{$template}/images/submitticket.png" border="0" alt="" /></a></div></td>

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

{$LANG.submitticketdescription}</td>

<td><div align="center"><a href="downloads.php"><img src="templates/{$template}/images/downloads.png" border="0" alt="" /></a></div></td>

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

{$LANG.downloadsdescription}</td>

</tr>

<tr>

<td><div align="center"><a href="supporttickets.php"><img src="templates/{$template}/images/supporttickets.png" border="0" alt="" /></a></div></td>

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

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

<td><div align="center"><a href="knowledgebase.php"><img src="templates/{$template}/images/knowledgebase.png" border="0" alt="" /></a></div></td>

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

{$LANG.knowledgebasedescription}</td>

</tr>

<tr>

<td><div align="center"><a href="affiliates.php"><img src="templates/{$template}/images/affiliates.png" border="0" alt="" /></a></div></td>

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

{$LANG.affiliatesdescription}</td>

<td><div align="center"><a href="cart.php"><img src="templates/{$template}/images/cart.png" border="0" alt="" /></a></div></td>

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

{$LANG.orderdescription}</td>

</tr>

<tr>

<td><div align="center"><a href="contact.php"><img src="templates/{$template}/images/contact.png" border="0" alt="" /></a></div></td>

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

{$LANG.presalescontactdescription}</td>

<td><div align="center"><a href="domainchecker.php"><img src="templates/{$template}/images/domainchecker.png" border="0" alt="" /></a></div></td>

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

{$LANG.domaincheckerdescription}</td>

</tr>

<tr>

<td><div align="center"><a href="serverstatus.php"><img src="templates/{$template}/images/serverstatus.png" border="0" alt="" /></a></div></td>

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

{$LANG.serverstatusdescription}</td>

<td><div align="center"><a href="networkissues.php"><img src="templates/{$template}/images/networkissues.png" border="0" alt="" /></a></div></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>

<div id="side_menu">

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

<form method="post" action="{$systemsslurl}dologin.php">

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

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

<input name="username" type="text" size="25" />

</p>

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

<input name="password" type="password" size="25" />

</p>

<p>

<input type="checkbox" name="rememberme" />

{$LANG.loginrememberme}</p>

<p>

<input type="submit" class="submitbutton" value="{$LANG.loginbutton}" />

</p>

</form>

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

<form method="post" action="knowledgebase.php?action=search">

<p>

<input name="search" type="text" size="25" /><br />

<select name="searchin">

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

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

</select>

<input type="submit" value="{$LANG.go}" />

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

By using this site, you agree to our Terms of Use & Guidelines