De producten er onder zijn niet naast elkaar, en dat is slordig.
Hoe zou ik 3 rijen kunnen plaatsen naast elkaar.
3 x 3 rijen en kolommen. Denk dat dit het mooiste zou zijn.
Dit is het tpl bestand.
{strip}
<div class="c-search g-graund_6 g-shadow g-gradient g-border g-marg c-search_100">
<form id="search_form" name="search_form" action="{$href.search_form}" method="post">
<b>{translate('IMAGE_SEARCH')}: </b>
<input type="text" name="aFilter[keyword]" id="keyword" class="c-search_input g-border g-graund_6">
<a href="javascript:;" onclick="document.search_form.submit()" class="c-search_but g-border g-graund_6"></a>
</form>
</div>
<div class="c-width">
<div class="big-img-foot rc3 clearfix">
<div class="c-banners g-marg g-border g-graund_6 g-shadow">
<h2>{translate('TEXT_FIRST_FRONTLINE')}<span class="g-blue_bg g-graund_6"></span> </h2>
<p>{translate('TEXT_SECOND_FRONTLINE')}</p>
<span class="b-banners_butt"> <a href="{$href.tshirtbuilder}"></a> </span>
</div>
</div>
{if $newest_designs}
<h2>
{translate('TEXT_NEWEST_DESIGNS')}
</h2>
<table class="c-addcart g-marg">
{foreach $newest_designs as $design}
{if $design@index%3==0}
<tr>{/if}
<td valign="top">
<a href="/my_designs" class="c-craft_box g-border g-graund_6" style="
background:#fff url('');
margin-bottom: 10px;
text-align: center;
height: 194px;
line-height: 194px;
">
<img src="{$design.img}" alt="image of product #{$design.img}" style='max-height: 190px;max-width: 190px;vertical-align: middle;'/>
</a>
</td>
{if $design@index%3==2}</tr>{/if}
{/foreach}
</table>
<h2>
{translate('TEXT_MOST_SOLD_PRODUCTS')}
</h2>
{/if}
<table class="c-addcart g-marg">
{foreach $categories as $category}
{if $category@index%3==0}
<tr>{/if}
{$new_products[$category@key]}
{if $category@index%3==0}</tr>{/if}
{/foreach}
</table>
<div class="c-cct-shirt">
<div class="c-sp_top">
<h1>{translate('TEXT_CREATE_CUSTOM_TSHIRTS')}</h1>
<hr class="c-cct-top">
<table width="100%" class="c-cct-shirt_t">
<tr>
<td class="c-cct-shirt_t_title"><b>{translate('TEXT_TRENDS_DISCOUNTS')}</b></td>
<td class="c-cct-shirt_t_title" colspan="2"><b>{translate('TITLE_OUR_GUARANTEE')}</b></td>
</tr>
<tr>
<td class="c-cct-shirt_t_title_line">{translate('TEXT_SIGN_UP_FOR_NEWSLETTER')}</span></td>
<td class="c-cct-shirt_t_title_line"><span
class="c-cct-shirt_guar">{translate('TEXT_FAST_DELIVERY')}</span></td>
<td class="c-cct-shirt_t_title_line"><span
class="c-cct-shirt_guar">{translate('TEXT_HELPFUL_SERVICE')}</span></td>
</tr>
<tr>
<td class="c-cct-shirt_t_title_line">
<form action="inner.php?_page=create_account" method="post" name="email_form">
<input name="email" type="text" class="autoclear g-border c-cct-shirt_t_mail" value="{translate('TEXT_YOUR_EMAIL_ADDRESS')}" size="30">
<a href="javascript: document.email_form.submit()" class="g-butt_arrow g-gradient g-shadow g-border g-graund_6"><span></span></a>
</form>
</td>
<td class="c-cct-shirt_t_title_line"><span
class="c-cct-shirt_guar">{translate('TEXT_HIGH_QUALITY_PRINTING')}</span></td>
<td class="c-cct-shirt_t_title_line"><span
class="c-cct-shirt_guar">{translate('TEXT_FAIR_RETURN_POLICY')}</span></td>
</tr>
</table>
<hr class="c-cct-bott">
{$bottom_information_block_ccts}
</div>
</div>
</div>
{/strip}