Results 1 to 7 of 7

Thread: Navigation bar is below the rest.

  1. #1
    Join Date
    Nov 2009
    Posts
    5

    Default Navigation bar is below the rest.

    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

  2. #2
    Join Date
    Nov 2009
    Posts
    5

    Post Header.tpl file

    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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&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[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].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[i]))!=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','Naviga tion/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','','Navigatio n/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

  3. #3
    Join Date
    Nov 2009
    Posts
    5

    Default fixed!

    I seem to have fixed this myself.

    (almost anyway nothing to do with header.tpl)

  4. #4
    Join Date
    Sep 2009
    Posts
    37

  5. #5
    Join Date
    Nov 2009
    Posts
    5

    Talking fixed

    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.supportticketssubmi tticket}</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.supportticketspag etitle}</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.globalsyst emname}</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.clientareat itle}</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.announce mentstitle}</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.knowledg ebasetitle}</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.sup portticketssubmitticket}</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.downloadstit le}</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.comp anyname}){/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.addfu nds}</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}anno uncements.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 : www.110hosting.co.uk/clients

  6. #6
    Join Date
    Sep 2009
    Posts
    37

  7. #7
    Join Date
    Nov 2009
    Posts
    5

    Default

    Quote Originally Posted by riv View Post
    I think the pictures aint working well now..
    They are working fine for me.

Similar Threads

  1. WHMCS Menu/Navigation Bar
    By Hameo in forum Customisation and Integration Questions
    Replies: 1
    Last Post: 03-06-13, 03:44 AM
  2. Navigation Bar Default Theme 5.0
    By Ableer Web Services in forum Customisation and Integration Questions
    Replies: 4
    Last Post: 01-03-12, 10:15 PM
  3. Navigation Menu in side bar not at top
    By patsyd in forum Customisation and Integration Questions
    Replies: 4
    Last Post: 03-26-10, 03:34 PM
  4. Change navigation bar names?
    By JIXHost in forum Customisation and Integration Questions
    Replies: 1
    Last Post: 08-15-08, 03:19 AM
iron-diatonic