Captions under thumbnails in photo album

Question

Hi,
I've been trying all sorts of things to get a simple caption
under each thumbnail in a photo album. The page is on:
http://www.georgeglazer.com/globes/table20/table20inv/table20inv.html
This is the code for the thumbnail that I have tried to make
work. The thumbnails all display and sort fine. But no captions
appear:
<div id="thumbnails" spry:region="dsInventory">
<div spry:repeat="dsInventory"
onclick="dsInventory.setCurrentRow('{ds_RowID}')" style="height:
130px; width: 100px;">
<img src="{tn}" alt="{title}" name="tn{ds_RowID}"
id="tn{ds_RowID}" style="left: 0px; right: 0px; height: 100%;
width: 100%;" />
<p class="caption" style="width: 100px;"><span
class="whitetext">{@maker}<br
/>${@price}</span></p>
</div>
<p class="ClearAll"></p>
</div>
Among the things I have tried that did not work are:
1. Adding id="{ds_RowID}" to the <p> tag.
2. Putting a spry:detailregion="dsInventory" div around the
caption text.
3. Using {maker} and {price} instead of {@maker} and
{@price}.
4. Changing the height in the spry:repeat tag to something
larger than 130px, but that just distorted the thumbnails (which
are exactly 130px each).
Any help is welcome!
Thanks,
Helen

Answer 1

Kin,
Actually, I had omitted the @ signs originally, and it didn't
work either way, but thanks for explaining that. I looked at the
CSS for the div containing the thumbnail, and there's nothing
limiting height (not specifically, anyway).
Here is the CSS for the div containing the thumbnail:
#thumbnails {
clear: both;
margin: 5px auto;
#thumbnails div {
position: relative;
float: left;
margin: 4px;
padding: 0;
display:inline;
#thumbnails img {
height: auto;
width: auto;
position: absolute; }
...and for the div that contains the thumbnail div:
#previews {
border-top: solid 1px #404040;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
padding: 5px;
margin-bottom: 5px; margin-right: 5px;
float: left;
I do have the overall size of the preview pane specified
(style="width: 370px; height: 590px;") but that should be more than
enough room for 5 photos with 2-line captions. Is it the relative
or absolute positioning that may be the culprit?
--Helen
PS Let me assure V1Fusion that I did read everything
previously posted in this forum about photo album captions prior to
posting my question -- they all addressed the main image but not
the thumbnail, nevertheless, I tried various things suggested in
those posts before giving up figuring it out myself...