Category images on Index page, not formatted corre

[Guest]

Hi, I have made a change in index.php which allows the category icons to show instead of text on the main page of the site:

 

if (($category_depth == 'nested') || ($category_depth == 'top'))

 

The issue I have is that it formats into a table of 2 rows by 3 columns, which results in this:

Ideas by Mom Canada - Store

 

I would like it to be 2 rows by 2 columns, (and be able to change it relatively easily later as new categories are added). I've copied the html page to my desktop and am able to edit it quite easily to do that - however I can't seem to use that to determine what changes to make in index.php and make it work correctly. It worked for my header files on the right hand side but not with this!

 

Can someone suggest how I might do this? Thanks!

 

I'm including the code just a bit below the above change only because I'm guessing that's what defines the table properties (and that's what I've been fiddling with) - but let me know if I need to include something else instead.

 

 ?if (($category_depth == 'nested') || ($category_depth == 'top')) {
? ?$category_query = tep_db_query("select cd.categories_name, c.categories_image from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.categories_id = '" . (int)$current_category_id . "' and cd.categories_id = '" . (int)$current_category_id . "' and cd.language_id = '" . (int)$languages_id . "'");
? ?$category = tep_db_fetch_array($category_query);
?>
? ?<td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
? ? ?<tr>
? ? ? ?<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
? ? ? ? ?<tr>
? ? ? ? ? ?<td class="pageHeading"><?php echo HEADING_TITLE; ?></td>
? ? ? ? ? ?<td class="pageHeading" align="right"><?php if (!$cPath == '0') { echo tep_image(DIR_WS_IMAGES . $category['categories_image'], $category['cate
gories_name'], HEADING_IMAGE_WIDTH, HEADING_IMAGE_HEIGHT);} ?>
</td>
? ? ? ? ?</tr>
? ? ? ?</table></td>
? ? ?</tr>
? ? ?<tr>
? ? ? ?<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
? ? ?</tr>
? ? ?<tr>
? ? ? ?<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
? ? ? ? ?<tr>
? ? ? ? ? ?<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
? ? ? ? ? ? ?<tr>

[Guest]

In case anyone reads this...nevermind, I figure it out!