Images in the category page

How do I control the position of the products on the category page?

I have been trying to edit this code on  page:

catalog/template/default/content/category.tpl
I was thinking to create a new products div

Example:
Category
Classes

Product
    left column                            right column
Dance Mon Normal rate  -    Dance Mon Concessions rate

Dance Tue Normal rate    -  Dance Tue Concessions rate

And so on ...


Two columns one side N. rate the other C. rate

Thanks

You cloud also change The column width in default.css

.products, .images, .categories {
float: left;
width: 33.3%;  Change to 50%
text-align: center;
cursor: pointer;
font-size: 10px;
height: 140px;

bthirsk wrote: You cloud also change The column width in default.css

.products, .images, .categories {
float: left;
width: 33.3%;   Change to 50%
text-align: center;
cursor: pointer;
font-size: 10px;
height: 140px;

Yea, the way bthirsk described is how it it meant to be done
1 row - 100%
2 rows - 50%
3 rows - 33.3%
4 rows - 25%
5 rows - 20%
etc

Ah, yes I see that % method for dividing the page, but it does not give you control of each individual image. If you notice in my example I have all Concessions on the left. I would also like to have the two columns with different bck grd colours to make the distinction clearer.

Do you get me? 

Hello

Can I get any further help?

Thanks

You would have to create custom coding to do this.
Maybe something like in the display loop, for every other item,
you would alternate CSS background or whatever other changes you need.

You just have to play with it to find what you need.
If you're on your own server, create a test site you can break.

Thanks

'display loop' ?

Could you give any suggestions as to which code/files to play with?

I am trying things here:
catalog/template/default/content/category.tpl