Example website w/ album and thumbnail descriptions under thumbnails

[artistsinhawaii]

Addendum:  I've finally uploaded my test website to a host server online.  If anyone would like to see what I'm talking about, here it is.  I will leave this URL up for a few days before taking it off:

Http://www.artistsinhawaii.com/evj

<--original message starts here -->

I'd like to see an option to place the category or album descriptions and captions under their respective thumbnails.  This would allow the administrator to display more pictures accross the screen and allow for a more uniform display... at least, I think so.

It would also be nice to move the number of albums or pages in an album stats further in from the right corner where they are not visible unless the user's screen is set to maximum.


for example, something along the line of the following instead of what is currently the default:


// HTML template for the album list
if (!isset($template_album_list_cat))  //{THEMES}
$template_album_list_cat = <<<EOT

<!-- BEGIN c_stat_row -->
        <tr>
                <td colspan="{COLUMNS}" class="tableh1" align="center"><span class="statlink"><b>{STATISTICS}</b></span></td>
        </tr>
<!-- END c_stat_row -->

<!-- BEGIN c_header -->
        <tr class="tableb_compact">
<!-- END c_header -->
<!-- BEGIN c_album_cell -->

        <td class="thumbnails_frames" width="{COL_WIDTH}%" valign="top" align="center">
              <table width="10%" cellspacing="0" cellpadding="0">
                 <tr valign="top">
                     <td colspan="3" height="1" valign="top" class="tableh2">
                        <span class="alblink"><a href="{ALB_LINK_TGT}"><b>{ALBUM_TITLE}</b></a></span>
                   </td>
              </tr>

              <tr valign="top">
                     <td align="center" valign="middle" class="thumbnails_frames1">
                         <a href="{ALB_LINK_TGT}" class="albums">{ALB_LINK_PIC}<br /></a>
                    </td>
                     <br />
                </tr>
            </table>
            <table width="75%" cellpadding="0" cellspacing="0">
              <tr>
                <td width="50%" align="center" valign="top" class="tableb_compact">
                        {ADMIN_MENU}
                        {ALB_DESC}
                        <p class="album_stat">{ALB_INFOS}</p>
                </td>
             </tr>
           </table>
        </td>
<!-- END c_album_cell -->
<!-- BEGIN c_empty_cell -->
        <td width="{COL_WIDTH}%" valign="top">
        <table width="100%" cellspacing="0" cellpadding="0" >
        <tr>
                <td height="1" valign="top" class="tableh2">
                        <b>&nbsp;</b>
                </td>
        </tr>
        <tr>
                <td>
                        <img src="images/spacer.gif" width="1" height="1" border="0" alt="" /><br />
                </td>
        </tr>
        <tr>
                <td width="100%" valign="top" class="tableb_compact" >
                      <div class="thumbnails" style="background-color:transparent"><img src="images/spacer.gif" width="1" height="{SPACER}" border="0" class="image" style="border:0;margin-top:1px;margin-bottom:0;background-color:transparent" alt="" /></div>
                </td>
        </tr>
        </table>
        </td>
<!-- END c_empty_cell -->
<!-- BEGIN c_row_separator -->
        </tr>
        <tr class="tableb_compact">
<!-- END c_row_separator -->
<!-- BEGIN c_footer -->
        </tr>
<!-- END c_footer -->
<!-- BEGIN c_tabs -->
        <tr>
                <td colspan="{COLUMNS}" style="padding: 0px;">
                        <table width="100%" cellspacing="0" cellpadding="0">
                                <tr>
                                       {TABS}
                                </tr>
                        </table>
                </td>
        </tr>
<!-- END c_tabs -->
<!-- BEGIN c_spacer -->
        <img src="images/spacer.gif" width="1" height="7" border="" alt="" /><br />
<!-- END c_spacer -->

EOT;   



also added the following classes to style.css to make the thumbnail look like it is sitting in a slide.

.thumbnails_frames1 {

        background: #FFFFFF;
        border: solid 20px;
        border-color: #FFFFFF
}

.thumbnails_frames {

        background-color: transparent;
}


Thanks,

Dennis

addendum: 8/23
I managed to apply this modification for all three views, Category list, album list, and thumbnail.  Now I can get four images across the screen in an 800 x 600 display without cramping the information about each cell. All I need now is to figure out how to change this number (four) for users who come to my site with smaller or larger screens.  Ideally, 3 for 640 screens, 4 for 800, 5 for 1024, 6 for 1280.  etc.