OK,
Wow.... ok, so I did it!!! Amazing how simple something can be when you revisit it after sleep... however.. one problem remains... I would now like to have the item/category name "valign" to the top of the cell. In other words the image and everything beneath it will all be aligned to the bottom, but the item name or (.itemTitle) as the h3 class is called, will be at the top of the cell just beneath the border..
BTW, those of you that are trying to figure out how to align the cell contents to the bottom (if you are using column grid layout), open
includes/template/your_template/common/tpl_columnar_display.php
change:
PHP Code:
<?php
echo '<td width="'. (intval($col_width) - 0.5) .'%" align="center" valign="top"><div' . $r_params . '>' . $list_box_contents[$row][$col]['text'] . '</div></td>' . "\n";
?>
to:
PHP Code:
<?php
echo '<td width="'. (intval($col_width) - 0.5) .'%" align="center" valign="bottom"><div' . $r_params . '>' . $list_box_contents[$row][$col]['text'] . '</div></td>' . "\n";
?>
I also added a class "grid_border" to the td:
PHP Code:
<?php
echo '<td class="grid_border" width="'. (intval($col_width) - 0.5) .'%" align="center" valign="bottom"><div' . $r_params . '>' . $list_box_contents[$row][$col]['text'] . '</div></td>' . "\n";
?>
My problem before was that I had a 1px border defined in the DIV class, so whenever I was able to get the valign="bottom" so work it looked like the cells were all different heights (because of the border around the DIV). But of course, putting this border in the class I just defined for the TD fixed that (that's the part I needed sleep to figure out.. lol... I know, don't laugh).
Bookmarks