View Single Post
  #1  
Old 02-24-2004, 04:17 PM
 
Zinje Zinje is offline
 

Advanced Member
  
Join Date: Sep 2002
Posts: 64
 

Default Please help me to make it into 3 column

Hi!

Can someone please help me to make my site into a 3 column. I did not design it and don't know html.

Here is what it looks like right now.
http://www.hybridpc.com/store/customer/home.php
Please ignore the menus as i am only testing right now.

I want the the viewcart, categories and help on the left side and want the authentication and news section on the other right side.

Here is the code in my customer/home.tpl


{* $Id: home.tpl,v 1.7 2003/04/11 05:05:27 svowl Exp $ *}
{ config_load file="$skin_config" }
<html>
<head>
<title>{$lng.txt_site_title}
{if $main eq "catalog"}
{$lng.txt_subtitle_home}
{elseif $main eq "help"}
{$lng.txt_subtitle_help}
{elseif $main eq "cart"}
{$lng.txt_subtitle_cart}
{elseif $main eq "checkout"}
{$lng.txt_subtitle_checkout}
{elseif $main eq "order_message"}
{$lng.txt_subtitle_thankyou}
{/if}
</title>
{ include file="meta.tpl" }
<link rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
</head>
<body LEFTMARGIN=0 TOPMARGIN=0 RIGHTMARGIN=0 BOTTOMMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD VALIGN="TOP" COLSPAN=2>

{ include file="hybrid_head.tpl" }

</TD></TR><TR><TD VALIGN="TOP" WIDTH=165 BGCOLOR="#697895">

<TABLE HEIGHT="100%" WIDTH="165" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>[img]{$ImagesDir}/hybridpc1-bottom_01.gif[/img]</TD>
</TR>
<TR>
<TD BACKGROUND="{$ImagesDir}/hybridpc1-bottom_05.gif" WIDTH=165 HEIGHT=345 valign="top">

<TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD width="20"></TD><TD valign="top">

{ include file="customer/menu_cart.tpl" }
{ include file="customer/categories.tpl" }
{if $login eq "" }
{ include file="auth.tpl" }
{else}
{ include file="menu_profile.tpl" }
{/if}
{if $login eq "" }
{ include file="news.tpl" }
{else}
{ include file="authbox.tpl" }
{/if}
{if $active_modules.Interneka ne ""}
{ include file="modules/Interneka/menu_interneka.tpl" }
{/if}
{ include file="help.tpl" }

{if $active_modules.Bestsellers ne "" and $config.Modules.bestsellers_menu eq "Y"}
{ include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{if $active_modules.Gift_Certificates ne "" or $active_modules.Product_Configurator ne ""}
{ include file="customer/special.tpl" }
{/if}

</TD><td width=15></td></TR></TABLE>

</TD>
</TR>
<TR>
<TD>[img]{$ImagesDir}/hybridpc1-bottom_09.gif[/img]</TD>
</TR>
</TABLE>

</TD><TD VALIGN="TOP" BGCOLOR="#697895">

<TABLE BORDER=0 WIDTH="100%" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD WIDTH=19>
[img]{$ImagesDir}/hybridpc1-bottom-02.gif[/img]</TD>
<TD BACKGROUND="{$ImagesDir}/hybridpc1-bottom-03.gif" WIDTH=382 HEIGHT=13>
[img]{$ImagesDir}/hybridpc1-bottom-03.gif[/img]</TD>
<TD WIDTH=24>
[img]{$ImagesDir}/hybridpc1-bottom-04.gif[/img]</TD>
</TR>
<TR>
<TD HEIGHT="100%" BACKGROUND="{$ImagesDir}/hybridpc1-bottom-06.gif" WIDTH=19 HEIGHT=345>
[img]{$ImagesDir}/hybridpc1-bottom-06.gif[/img]</TD>
<TD WIDTH="100%" BGCOLOR=#FFFFFF valign="top">

<TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD valign="top">


{include file="customer/home_main.tpl"}

</TD></TR></TABLE>

</TD>
<TD HEIGHT="100%" BACKGROUND="{$ImagesDir}/hybridpc1-bottom-08.gif" WIDTH=24 HEIGHT=345>
[img]{$ImagesDir}/hybridpc1-bottom-08.gif[/img]</TD>
</TR>
<TR>
<TD WIDTH=19>
[img]{$ImagesDir}/hybridpc1-bottom-10.gif[/img]</TD>
<TD BACKGROUND="{$ImagesDir}/hybridpc1-bottom-11.gif" WIDTH=382 HEIGHT=15>
[img]{$ImagesDir}/hybridpc1-bottom-11.gif[/img]</TD>
<TD WIDTH=24>
[img]{$ImagesDir}/hybridpc1-bottom-12.jpg[/img]</TD>
</TR>
</TABLE>

</TD></TR><TR><TD VALIGN="TOP" COLSPAN=2>

<TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
[img]{$ImagesDir}/hybridpc1-bottom_12.gif[/img]</TD>
<TD BACKGROUND="{$ImagesDir}/hybridpc1-bottom_13.gif" WIDTH="100%" HEIGHT=49>
[img]{$ImagesDir}/hybridpc1-bottom_13.gif[/img]</TD>
<TD COLSPAN=2>
[img]{$ImagesDir}/hybridpc1-bottom_14.gif[/img]</TD>
</TR>
</TABLE>

</TD></TR></TABLE>

</body>
</html>
Reply With Quote