Custom Page Alignment

[InteraNetworks]

Ok, So I got the new page created. It is on the left side of the page however. The rest of the program is centered on the screen. I do I fix that? Why would it not be centered? I followed the creating page wiki to creat an about.php page.

 

Thanks

[Stream101]

Im not sure what would cause this, but try adding <center> to the top and </center> to the bottom of the created page to see if that works.

[BAJI26]

Make sure you have all the tags closed... DON'T use <center> tags!

 

We would have to see the code to check it out!

[InteraNetworks]

<?php

 

define("CLIENTAREA",true);

 

require("dbconnect.php");

require("includes/functions.php");

require("includes/clientareafunctions.php");

 

$pagetitle = $_LANG['clientareatitle'];

$pageicon = "images/support/clientarea.gif";

$breadcrumbnav = '<a href="about.php">'.$_LANG['globalsystemname'].'</a>';

$breadcrumbnav .= ' > <a href="about.php">About Us</a>';

 

initialiseClientArea($pagetitle,$pageicon,$breadcrumbnav);

 

if ($_SESSION['uid']) {

# User is Logged In - put any code you like here

}

 

# To assign variables in Smarty use the following syntax.

# This can then be used as {$variablename} in the template

 

$smartyvalues["variablename"] = $value;

 

# Define the template filename to be used without the .tpl extension

 

$templatefile = "about";

 

outputClientArea($templatefile);

 

?>

[redrat]

Posted in error

[BAJI26]

<?php

 

define("CLIENTAREA",true);

 

require("dbconnect.php");

require("includes/functions.php");

require("includes/clientareafunctions.php");

 

$pagetitle = $_LANG['clientareatitle'];

$pageicon = "images/support/clientarea.gif";

$breadcrumbnav = '<a href="about.php">'.$_LANG['globalsystemname'].'</a>';

$breadcrumbnav .= ' > <a href="about.php">About Us</a>';

 

initialiseClientArea($pagetitle,$pageicon,$breadcrumbnav);

 

if ($_SESSION['uid']) {

# User is Logged In - put any code you like here

}

 

# To assign variables in Smarty use the following syntax.

# This can then be used as {$variablename} in the template

 

$smartyvalues["variablename"] = $value;

 

# Define the template filename to be used without the .tpl extension

 

$templatefile = "about";

 

outputClientArea($templatefile);

 

?>

 

Not that one the custom tpl page!

[InteraNetworks]

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

 

<table width="90%" border="0" align="center" cellpadding="4" cellspacing="0">

<tr>

<td width="100%"><img alt="" src="earth.png" style="float: right" />

Paragraph Here.

<br /><br />

Paragraph Here.

<br /><br />

Paragraph Here.

</td>

</tr>

</table>

[DedicatedPros]

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

 

<table width="90%" border="0" align="center" cellpadding="4" cellspacing="0">

<tr>

<td width="100%"><img alt="" src="earth.png" style="float: right" />

Paragraph Here.

<br /><br />

Paragraph Here.

<br /><br />

Paragraph Here.

</td>

</tr>

</table>

 

Try this:

 

<div style="margin: 0 auto 0;">
<p>{$LANG.about}</p>

<table width="90%" border="0" align="center" cellpadding="4" cellspacing="0">
<tr>
<td width="100%"><img alt="" src="earth.png" style="float: right;" />
Paragraph Here.
<br /><br />
Paragraph Here.
<br /><br />
Paragraph Here.
</td>
</tr>
</table>
</div>

[InteraNetworks]

Thanks for your help, however, this did not work. It still is the same. Do I have any other options available? It seems like it is the fcode from the php file. I even copied other pages to my about.tpl and still the same, this makes me wonder if it is the php file code.

[DedicatedPros]

Instead of:

 

<div style="margin: 0 auto 0;">

 

Try:

 

<div style="vertical-align: middle;">

[InteraNetworks]

Sorry that did not work either. I was just trying to add a couple of pages to the system. This is my test page to get the bugs worked out. My intention is to rebuild my website around whmcs, I switched over from another program. If anyone has another suggestion or a working tpl of anything please let me know how you got it up and running.

 

Thanks

Rob

[lysenshi]

I've just tried the code you submitted, both php and tpl files: the table is centered but the text inside the table is aligned to the left.

If you're talking about the text, then you need to add align="center" to the <td tag to make the text in center:

 

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

<table width="90%" border="0" align="center" cellpadding="4" cellspacing="0">
<tr>
<td width="100%" align="center"><img alt="" src="earth.png" style="float: right" />
Paragraph Here.
<br /><br />
Paragraph Here.
<br /><br />
Paragraph Here.
</td>
</tr>
</table>

I would recommend you to use Developer Toolbar add-on with Firefox, it will help you a lot in such cases.

Hope it was the issue, Good Luck coding your pages

Edited August 2, 2009 by lysenshi

[InteraNetworks]

I've just tried the code you submitted, both php and tpl files: the table is centered but the text inside the table is aligned to the left.

If you're talking about the text, then you need to add align="center" to the <td tag to make the text in center:

 

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

<table width="90%" border="0" align="center" cellpadding="4" cellspacing="0">
<tr>
<td width="100%" align="center"><img alt="" src="earth.png" style="float: right" />
Paragraph Here.
<br /><br />
Paragraph Here.
<br /><br />
Paragraph Here.
</td>
</tr>
</table>

I would recommend you to use Developer Toolbar add-on with Firefox, it will help you a lot in such cases.

Hope it was the issue, Good Luck coding your pages

 

- In ie the entire page moves to the left side of the screen and slightly lower than the rest of whmcs pages.

- In FF the page is centered but slightly lower than the rest of whmcs.

- The text inside should be on the left and not centered

 

I will try the developer toolbar and see what that does for me. I am sure someone here has had a successful page created that matches the whmcs (centered on the screen).

 

Thanks for everone's help so far!

[lysenshi]

IE8, looks the same as FF?

However, I am using the default template of WHMCS.

[InteraNetworks]

IE8, looks the same as FF?

However, I am using the default template of WHMCS.

 

I am using IE8 and FF3

 

IE slides left on my custom page only and FF is centered but lower by about 1/4" on the screen. I checked on 2 machines and it is the same.

 

I don't know what it is.

[InteraNetworks]

Yea! I got it fixed. I don't know exactly what it was. I started from scratch for both php and tpl files. Now it is all centered.

 

Thanks everyone for your time and effort!