Hi all,

Thanks for those suggestions. Unfortunately, my client requires the
thumbnail galleries to align exactly as I've shown with the table layout -
caption under image.

The test page is at:
http://www.bluemountainsgardener.info/fgtest/max_miller.asp

I cannot control either the height or width of the thumbnails - they vary,
but fit within an imaginary box 100 x 100 pixels.

There are well over 200 thumbnails for a variety of artists.

I just cannot find a CSS way to emulate the table cell attribute
*valign='bottom'*. If I can do that, I can solve the problem.
In the embedded CSS I've used a class "table.gallery{vertical-align: bottom;
...}" and it works with the table, but it won't work when added to the
.thumbnail class div.

The only other way I could achieve the effect, I think, is write program
code to calculate the amount of padding I would need at the top of *each*
thumbnail and then putting an extra inline style attribute for the img tag -
eg: <img class='thumbnail' style='padding-top: (the calculated number)px'
alt='  ' etc ...  I can code for that, but I'd rather solve the problem with
CSS.

I think I'm probably getting offlist when I enter program code territory,
though.

I'm wondering whether Russ Weakley has a thought on all this. His tutorial
on floating divs was a tremendous help to me in getting as far as I did.

If we can sort out this problem, I think it could be useful to a lot of
people.

Thanks,

John Penlington


*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
***************************************************** 

Reply via email to