Help with Custom Programming [Archive]

once

05-06-2008, 04:41 AM

How do I make the 'Test1, Test2 and Test3 to be Vertical instead of Horizontal' on this page: http://www.a1web-uk.com/whmcs/cart.php

<head>
<link rel="stylesheet" type="text/css" href="templates/orderforms/cart/style.css" />

</head>

<p align="center" class="cartheading">{$LANG.cartbrowse}</p>

<div class="cartbox" align="center"><strong>
{foreach key=num item=productgroup from=$productgroups}
{if $gid eq $productgroup.gid}
{$productgroup.name} |
{else}
<a href="{$smarty.server.PHP_SELF}?gid={$productgroup.gid}">{$productgroup.name}</a> |
{/if}
{/foreach}
{if $loggedin}<a href="{$smarty.server.PHP_SELF}?gid=addons">{$LANG.cartproductaddons}</a> | {/if}
<a href="{$smarty.server.PHP_SELF}?a=add&domain=register">{$LANG.registerdomain}</a> |
<a href="{$smarty.server.PHP_SELF}?a=add&domain=transfer">{$LANG.transferdomain}</a> |
<a href="{$smarty.server.PHP_SELF}?a=view">{$LANG.viewcart}</a>
</strong></div>

<br />

{foreach key=num item=product from=$products}
<div class="cartbox" align="center">
<strong>{$product.name}</strong> {if $product.qty!=""}<em>({$product.qty} {$LANG.orderavailable})</em>{/if}<br />
{if $product.description}{$product.description}<br />{/if}
<div style="margin:5px;padding:2px;color:#cc0000;">
{if $product.paytype eq "free"}
{$LANG.orderfree}
{elseif $product.paytype eq "onetime"}
{$product.pricing.onetime} {$LANG.orderpaymenttermonetime}
{elseif $product.paytype eq "recurring"}
{if $product.pricing.monthly}{$product.pricing.monthly}<br />{/if}
{if $product.pricing.quarterly}{$product.pricing.quarterly}<br />{/if}
{if $product.pricing.semiannually}{$product.pricing.semiannually}<br />{/if}
{if $product.pricing.annually}{$product.pricing.annually}<br />{/if}
{if $product.pricing.biennially}{$product.pricing.biennially}<br />{/if}
{/if}
</div>
<div align="center"><input type="button" value="{$LANG.ordernowbutton}"{if $product.qty eq "0"} disabled{/if} onclick="window.location='{$smarty.server.PHP_SELF}?a=add&pid={$product.pid}'" /></div>
</div>
<br />
{/foreach}

<p align="right"><input type="button" value="{$LANG.viewcart}" onclick="window.location='cart.php?a=view'" /></p>

chazzy

05-06-2008, 06:41 AM

what do you mean, they are vertical.

once

05-06-2008, 08:28 AM

Thanks Chazzy, What I want is to have Test1, Test2 and Test3 in colums.

chazzy

05-06-2008, 03:38 PM

just wrap it in a table then. start w/ a <table><tr> and put each iteration into its own <td></td> tag, end it by closing the row and table.

once

05-08-2008, 03:57 PM

Thanks Chazzy, it worked

NogDog

05-08-2008, 04:41 PM

just wrap it in a table then. start w/ a <table><tr> and put each iteration into its own <td></td> tag, end it by closing the row and table.
Or be a bit more 21st century and put them into applicable block-level HTML elements, and use your CSS styling to float them next to each other. ;)