Jump to content

Navigation bar is below the rest.


themasterrocker

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

Link to comment
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

Link to comment
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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated