Aligning Website In Centre

[codonn1]

Sorry excuse my ignorance I'm new to actinic and want to know how to centre a page in the middle or reduce the width of the page itself?

Cheers

Craig

[leehack]

Have you got a url to see it on?

[codonn1]

Lee

Thanks or getting back to me, its located at http://keys.justlaptops.com

[leehack]

Hi Craig

Your first opening <table> tag has:

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>

Change the 100% to 95% or whatever you want it to be, see how that looks. 95% usually looks good.

[jont]

<table width="100%" border="0" cellspacing="0" cellpadding="0">

Welcome to the forum.

That will be found in the 3 main primary templates....

Act_Primary.html .... this controls the product pages
Act_BrochurePrimary.html ... this controls the brochure info pages
Act_PrimaryCheckout.html .... this handles checkout pages

[los_design]

Welcome to the forum.

That will be found in the 3 main primary templates....

Act_Primary.html .... this controls the product pages
Act_BrochurePrimary.html ... this controls the brochure info pages
Act_PrimaryCheckout.html .... this handles checkout pages

Sometimes you forget how much fun V7 was

[codonn1]

Jonty, Lee thanks for the help and info

It still doesnt appear to be streamlining it as I thought

I was going for the look as the link below with the site centred and margins on the side.

http://www.justlaptops.com/catalog/

Any more ideas. Ive tweaked all three pages as outlined but to no avail.

[leehack]

Craig the info above is the correct answers i assure you. On looking at your page, it is still 100% width, unless you change that it will always fill the screen. Paste the code into here that you have changed, you have either done it incorrectly or done it in the wrong place.

[codonn1]

Lee,

Thanks for the pointers, as I mentioned I'm new to actinic so I dont doubt your knowledge. I've amended several numbers and its now made the website looks scruffy as below in the link as with the boxes. The one previously was a project my friend is working on however at the time his was the only one uploaded to show. Still the same version etc.

http://www.lc-group.co.uk/

BODY TEXT="NETQUOTEVAR:FGCOLOR" topmargin="0" marginwidth="5" marginheight="0" OnLoad="NETQUOTEVAR:ONLOAD" NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" bgcolor="NETQUOTEVAR:PALCOLOR2CSS">
NETQUOTEVAR:BROCHURELOGO
</td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" bgcolor="NETQUOTEVAR:PALCOLOR2CSS">
<img src="shim.gif" height="1">
</td>
</tr>
<tr>
<td width="10"><img src="shim.gif" height="30" width="10"></td>
<td>&nbsp;</td>
<td align="right">NETQUOTEVAR:HEADERGUIDE&nbsp;</td>
</tr>
<tr>
<td colspan="3" bgcolor="NETQUOTEVAR:PALCOLOR2CSS">
<img src="shim.gif" height="3">
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="5" height="100%">
<tr>

<td valign="top" width="200">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" background="tab_pal2.gif" class="actsmallheading"><b>&nbsp;&nbsp;STORE SECTIONS</b></td>
</tr>
<tr>
<td class="thinred2">
<table width="100%" cellspacing="2" cellpadding="2">
<tr>
<td>
<script language=Javascript1.2>
document.write(YahooSections(section_tree))
</script>
</td>
</tr>
</table> </td>
</tr>
</table>

<p>&nbsp;</p>

<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" class="actsmallheading" background="tab_pal2.gif"><b>&nbsp;&nbsp;CUSTOMVAR:LEFTBARTITLE</b></td>
</tr>
<tr valign="top">
<td class="thinred2">
<table width="100%" border="0" cellpadding="2" cellspacing="2" class="actxxsmall">
<tr>
<td valign="top"><br>CUSTOMVAR:LEFTBARTEXT<br><br></td>
</tr>
</table>
</td>
</tr>
</table>

<p>&nbsp;</p>


<!-- credit card logo table start -->
<!-- <table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" background="tab_pal2.gif" class="actsmallheading"><b>&nbsp;&nbsp;CARDS ACCEPTED </b></td>
</tr>
<tr align="center" valign="middle">
<td class="thinred2">
<table width="100%" cellspacing="2" cellpadding="2">
<tr align="center" valign="middle">
<td><img src="visa.gif" width="34" height="22"></td>
<td><img src="master.gif" width="34" height="22"></td>
<td><img src="elec.gif" width="32" height="22"></td>
</tr>
<tr align="center" valign="middle">
<td><img src="swi.gif" width="29" height="22"></td>
<td><img src="solo.gif" width="30" height="19"></td>
<td><img src="delta.gif" width="32" height="21"></td>
</tr>
</table>
</td>
</tr>
</table>-->
<!-- credit card logo table end -->

<p>&nbsp;</p>

</td>

<td valign="top">

<table width="60%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%" bgcolor="NETQUOTEVAR:PALCOLOR1CSS" valign="top"><img src="lefttab_pal1.gif"></td>
<td width="92%" bgcolor="NETQUOTEVAR:PALCOLOR1CSS" height="22" class="actsmallheading"><b>NETQUOTEVAR:PAGETITLE</b></td>
<td width="6%" bgcolor="NETQUOTEVAR:PALCOLOR1CSS" align="right" valign="top"><img src="righttab_pal1.gif"></td>
</tr>
<tr valign="top" align="left">
<td colspan="3" class="thinred">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="5" WIDTH="100%" ALIGN="CENTER">
<TR>
<TD ALIGN="LEFT" VALIGN="MIDDLE">
<a name="top"><!-- NETQUOTEVAR:LOGINLINK --><Actinic:NOWSERVING/><Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/></a>
<table width="CUSTOMVAR:ACTSTDWIDTH" cellpadding="5" cellspacing="0" border="0" cols="3">NETQUOTEVAR:BROCHUREBODY</table><br><br>
NETQUOTEVAR:POWEREDBY
</TD>
</TR>
</TABLE></td>
</tr>
</table>

</td>

<td valign="top" width="200" align="right">

<table width="150" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" background="tab_pal2.gif" class="actsmallheading"><b>&nbsp;&nbsp;CART DETAILS</b></td>
</tr>
<tr>
<td class="thinred2"><br>
<table width="100" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td> <div align="left"><span class="actxxsmall">
<script language="JavaScript">
document.write("Items:&nbsp;" + getCartItem(3)+"&nbsp;<BR>");
document.write("Value:&nbsp;" + getCartItem(1));
</script>
</span> </div>
</td>
</tr>
</table><br>
</td>
</tr>
</table>

<p>&nbsp;</p>

<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" class="actsmallheading" background="tab_pal2.gif"><b>&nbsp;&nbsp;CUSTOMVAR:RIGHTBARTITLE</b></td>
</tr>
<tr valign="top">
<td class="thinred2">
<table width="100%" border="0" cellpadding="2" cellspacing="2" class="actxxsmall">
<tr>
<td valign="top"><br>CUSTOMVAR:RIGHTBARTEXT<br><br></td>
</tr>
</table>
</td>
</tr>
</table>

</td>
</tr>
</table>
</BODY>
</HTML>


This is for the file Act_BrochurePrimary

[codonn1]

Act_Primary so far..............


<BODY TEXT="NETQUOTEVAR:FGCOLOR" topmargin="0" marginwidth="5" marginheight="0" OnLoad="NETQUOTEVAR:ONLOAD" NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>
<table width="75%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="NETQUOTEVAR:PALCOLOR2CSS">
NETQUOTEVAR:LOGOIMAGE
</td>
</tr>
</table>

<table width="60%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" bgcolor="NETQUOTEVAR:PALCOLOR2CSS">
<img src="shim.gif" height="1">
</td>
</tr>
<tr>
<td width="10"><img src="shim.gif" height="30" width="10"></td>
<td>NETQUOTEVAR:SIMPLESEARCH</td>
<td align="center">NETQUOTEVAR:FOOTERGUIDE&nbsp;</td>
</tr>
<tr>
<td colspan="3" bgcolor="NETQUOTEVAR:PALCOLOR2CSS">
<img src="shim.gif" height="3">
</td>
</tr>
</table>
<br>
<table width="70%" border="0" cellspacing="0" cellpadding="5" height="100%">
<tr>

<td valign="top" width="200">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" background="tab_pal2.gif" class="actsmallheading"><b>&nbsp;&nbsp;STORE SECTIONS</b></td>
</tr>
<tr>
<td class="thinred2">
<table width="75%" cellspacing="2" cellpadding="2">
<tr>
<td>
<script language=Javascript1.2>
document.write(YahooSections(section_tree))
</script>
</td>
</tr>
</table> </td>
</tr>
</table>

<p>&nbsp;</p>

<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" class="actsmallheading" background="tab_pal2.gif"><b>&nbsp;&nbsp;CUSTOMVAR:LEFTBARTITLE</b></td>
</tr>
<tr valign="top">
<td class="thinred2">
<table width="100%" border="0" cellpadding="2" cellspacing="2" class="actxxsmall">
<tr>
<td valign="top"><br>CUSTOMVAR:LEFTBARTEXT<br><br></td>
</tr>
</table>
</td>
</tr>
</table>

<p>&nbsp;</p>


<!-- credit card logo table start -->
<!-- <table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" background="tab_pal2.gif" class="actsmallheading"><b>&nbsp;&nbsp;CARDS ACCEPTED </b></td>
</tr>
<tr align="center" valign="middle">
<td class="thinred2">
<table width="100%" cellspacing="2" cellpadding="2">
<tr align="center" valign="middle">
<td><img src="visa.gif" width="34" height="22"></td>
<td><img src="master.gif" width="34" height="22"></td>
<td><img src="elec.gif" width="32" height="22"></td>
</tr>
<tr align="center" valign="middle">
<td><img src="swi.gif" width="29" height="22"></td>
<td><img src="solo.gif" width="30" height="19"></td>
<td><img src="delta.gif" width="32" height="21"></td>
</tr>
</table>
</td>
</tr>
</table>-->
<!-- credit card logo table end -->

<p>&nbsp;</p>

</td>

<td valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%" bgcolor="NETQUOTEVAR:PALCOLOR1CSS" valign="top"><img src="lefttab_pal1.gif"></td>
<td width="92%" bgcolor="NETQUOTEVAR:PALCOLOR1CSS" height="22" class="actsmallheading"><b>NETQUOTEVAR:PAGEHEADER</b></td>
<td width="6%" bgcolor="NETQUOTEVAR:PALCOLOR1CSS" align="right" valign="top"><img src="righttab_pal1.gif"></td>
</tr>
<tr valign="top" align="left">
<td colspan="3" class="thinred">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="5" ALIGN="CENTER">
<tr>
<td><img src="shim.gif" width="CUSTOMVAR:ACTSTDWIDTH" height="1"></td>
</tr>
<TR>
<TD ALIGN="LEFT" VALIGN="MIDDLE">NETQUOTEVAR:FORMBEGIN
<A NAME="top">
<INPUT TYPE=HIDDEN NAME=RANDOM VALUE="NETQUOTEVAR:RANDOM">
</A> NETQUOTEVAR:HIDDENFIELDS
<!-- If customer accounts are in operation following two lines allow displaying -->
<!-- User name and customer account name on every page -->
<!-- NETQUOTEVAR:LOGINLINK --><Actinic:NOWSERVING/><Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/>
<!-- NETQUOTEVAR:HEADER -->
<div align="center"><span class="actxsmall">NETQUOTEVAR:HEADERTEXT</span></div>
NETQUOTEVAR:BULK
<div align="center"><span class="actxsmall">NETQUOTEVAR:FOOTERTEXT</span></div>
<!-- NETQUOTEVAR:FOOTER -->
NETQUOTEVAR:FORMEND<br>
</TD>
</TR>
</TABLE>
</td>
</tr>
</table>

</td>

<td valign="top" width="200" align="right">

<table width="100" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" background="tab_pal2.gif" class="actsmallheading"><b>&nbsp;&nbsp;CART DETAILS</b></td>
</tr>
<tr>
<td class="thinred2"><br>
<table width="100" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td> <div align="left"><span class="actxxsmall">
<script language="JavaScript">
document.write("NETQUOTEVAR:CARTCOOKIEITEMS&nbsp;" + getCartItem(3)+"&nbsp;<BR>");
document.write("NETQUOTEVAR:CARTCOOKIEVALUE&nbsp;" + getCartItem(1));
</script>
</span> </div>
</td>
</tr>
</table><br>
</td>
</tr>
</table>

<p>&nbsp;</p>

<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" class="actsmallheading" background="tab_pal2.gif"><b>&nbsp;&nbsp;CUSTOMVAR:RIGHTBARTITLE</b></td>
</tr>
<tr valign="top">
<td class="thinred2">
<table width="100%" border="0" cellpadding="2" cellspacing="2" class="actxxsmall">
<tr>
<td valign="top"><br>CUSTOMVAR:RIGHTBARTEXT<br><br></td>
</tr>
</table>
</td>
</tr>
</table>

NETQUOTEDEL:CAPTURECOUPON
<!-- coupon entry begins -->
<p>&nbsp;</p>

<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22" bgcolor="NETQUOTEVAR:PALCOLOR2CSS" class="actsmallheading" background="tab_pal2.gif"><b>&nbsp;&nbsp;NETQUOTEVAR:COUPONTITLE</b></td>
</tr>
<tr valign="top">
<td class="thinred2">
<table width="100%" border="0" cellpadding="2" cellspacing="2" class="actxxsmall">
<tr>
<td valign="top"><br>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<form method="NETQUOTEVAR:CGIMETHOD" action="NETQUOTEVAR:CGIURL">
<tr>
<td valign="top" colspan="2">NETQUOTEVAR:COUPONMESSAGE </td>
</tr>
<tr>
<td valign="top"><input type="TEXT" name="COUPONCODE" size="10" maxlength="255" value="NETQUOTEVAR:COUPONCAPTION" onFocus="this.value='';this.style.background='#FFFFFF'"></td>
<td><input type="SUBMIT" name="ACTION" value="NETQUOTEVAR:COUPONACTION"></td>
</tr>
</form>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- coupon entry ends -->
NETQUOTEDEL:CAPTURECOUPON

</td>
</tr>
</table>

[jont]

Ensure you are editing the right copy and that you are not using an alternative from the default ... check under Design | Options | Layouts

Often worth putting in a <p>test</p> in the code to ensure you are editing the correct layout ... Actinic is awash with nested templates that take some getting used to.

[leehack]

Can you highlight the areas (in red for example) that you have changed? Most of the width="100%" are still evident in your code.

Your first post shows the following, within the first few lines?

BODY TEXT="NETQUOTEVAR:FGCOLOR" topmargin="0" marginwidth="5" marginheight="0" OnLoad="NETQUOTEVAR:ONLOAD" NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" bgcolor="NETQUOTEVAR:PALCOLOR2CSS">
NETQUOTEVAR:BROCHURELOGO
</td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

MY FIRST POST SAID:

Your first opening <table> tag has:

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>

Change the 100% to 95% or whatever you want it to be, see how that looks. 95% usually looks good.

I can't see what you've changed, are you changing the sizes in the incorrect places. To confirm, you need to make changes to the setting i provided in the templates Jont told you about.