I second the motion on the Eric Meyer style. I made up a variety of styles with a couple different image sizes based upon this technique. To get the caption to center properly in IE and Firefox I had to make some adjustments in an if ie statement, which I now do regularly in an if_ie.css include file. I also added tooltips to the pics. In the most recent version I converted the JavaScript tooltips to CSS and am able to get both versions to validate for xhtml and CSS, as well as get away from the jumpy effect..
Check out: www.dottedi.biz/image_gallery_style_10.php The CSS: www.dottedi.biz/css/s10.css www.dottedi.biz/css/s10_if_ie.css -Bob Here's the CSS to Vicki Stebbins wrote: > At 11:23 AM 23/01/2007, David Sharp wrote: > > >> I have a bunch of image thumbnails - all the images are the same size, >> but some are portrait, some are landscape. >> >> I currently have them displayed inline, text-align : center; >> vertical-align : middle; so they fill each row from the center of the >> screen, and wrap when required. The vertical-align means orientation is >> not an issue. >> >> My problem arises when wanting to center a caption under each image. >> Because the images are inline I can't absolutely position the caption >> with respect to the anchor. Making each anchor a block means I would >> have to float them and therefore lose centering. >> >> This is not the site in question, but if you want to have a tinker try >> www.bsq.com.au/bubs/baby.html -CSS styles are in the <head> >> > > Hi David, > > Just noticed your post so I'll throw my two cents in... I did a gallery > (modified over a few sites) from Eric Meyers book "More Eric Meyer on CSS' . > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
