Making catalog horizontal?

defury — Sat, 07 Nov 2009 16:32:55 +0000

Maybe I need to look harder but i figure while looking someone here might be able to point this out quick.

1) Do i need to use tables for products? is this simply the easier way?

2) using this code

<table id="products" cellspacing="0" cellpadding="0">
{% tablerow product in products cols:3 %}
<div class="product">
     <h3><a href="{{product.url}}">{{product.title}}</a></h3>
     <div class="product-image"><a href="{{product.url}}"><img src="{{ product.featured_image | product_img_url: 'small' }}" alt="{{ product.title }}" /></a></div>
     <div class="money">
       {{product.price_min | money}}
     {% if product.price_min != product.compare_at_price %}
       <div class="original-price">
       {{product.compare_at_price | money}}
       </div>
     {% endif %}
     </div>
</div>
{% endtablerow %}
</table>

(this is from http://wiki.shopify.com/The_Shopify_Theme_Guide)

It ends up showing products vertically instead of horizontally, how can i control/change that? I want them to display 3 wide instead of 3 vertically