Amy Ostrom wrote: >Dear All: > >We are using an image repository, and I thought it would be pretty to add >shadows to the thumbnails (the shadows also stop the images from bleeding >onto the page). However, sometimes the text to the right is "taller" than >the image itself and seems to be affecting the image's height. > Hi Amy, It is not only "seems to be affecting", it is true that the text in the right side has influence. ;-) Reason is that the shadow image is connected to the cell properties (td) of the image cell. If an other cell in a table row is growing in height, the image cell is growing too, and the shadow is placed just on the bottom of the img cell (like you prescribed in the css).
>Does anyone >have any ideas how to fix this so the image is unaffected by the size of the >container? Thank you in advance. :-) > >http://search.jocohistory.org/cdm4/browse.php > > The idea is to disconnect the shadow from the cell, and to make a new <div> inside the img cell: just around the image. Then the dimensions of the table (= height of the other cells) cannot affect the size of the shadow. Within that div everything of the borders and paddings can be arranged. The shadow image has a width of 800px, which is not needed for the fixed width of about 80px for the images here. If the image is made smaller, it can be used without filling the whole width on the bottom of the images, like the shadow is moved somewhat to the right. The shadow can be moved somewhat downwards by playing with the margins of the container and the image position. All together: see testpage <http://home.tiscali.nl/developerscorner/css-discuss/test-jocohistory.htm>. :-) (Some comments in the source code) Greetings, francky btw: there are "some remarks" of the html-validator <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fsearch.jocohistory.org%2Fcdm4%2Fbrowse.php>. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
