Tyson Tate wrote: > 1. Have a centered row of boxes with an image and a caption. > 2. The boxes should allow for variable sizes (big and small > images). > 3. Reduce the semantic markup. Currently, my method is nested > *way* too deep. Div-itis!
[snip] > If anyone has any suggestions on how I might achieve this, I'd > love to know! Here's a set I made recently, but it wasn't tested in Safari or Opera on Mac. http://locusmeus.com/test/thumbswithcaptionslistcentered.html Width is set in pixels, so won't expand on font resize. It will depend on the size of the images and length of the words, if there's enough horizontal space for words with enlarged font. As for variable image sizes, the boxes just should be given enough height and width for the largest image - they don't auto-expand. Much longer ago, I made a similar set, but with markup that's less semantic in a way, as in 'a set of small tables'. Because of the nature of tables, this has two advantages: they expand horizontally on font resize, and the images can be centered vertically without knowing their height: http://locusmeus.com/test/thumbswithcaptionscentered.html Still, the initial height of the table-cells needs to be set to accommodate the largest image, or else they won't stack properly. -- Els http://locusmeus.com/ http://locusoptimus.com/ ______________________________________________________________________ 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/
