An easy solution might be to make a canvas background of the smaller image the same size as the larger images and same color as the page background.
Patrik Jansson wrote: > Hi everyone, > I'm working on a site where I created a css-only image gallery. It has > thumbnails and on hover bigger images display below them. For > presentational reasons I have it so that the first image displays all > the time while no thumbnail is hovered; otherwise there would be big > blank space below the thumbnails. > > My problem is, that when an image is a bit smaller than the "always-on" > first image, part of the first image can be seen below it. For example, > on the following page the last two pictures are vertical ones and the > first image can be seen below them: > http://www.mondiara.com/test/x_krisse.php (css at > http://www.mondiara.com/test/mondiara_krisse.css) > On this page I tried to get the first image ("img.big0") disappear the > same way other images appear: by setting the hover of <a>-tag: > .projektilista a:hover > img.big0 {display:none}. > > I managed to fix this so, that instead of setting the hover mentioned to > the <a>-tag I set it to the .projektilista-div: > .projektilista:hover > img.big0 {display:none} > However, this resulted in problem that the first image flickers, when it > is hovered over. Example of this can be seen here: > http://www.mondiara.com/test/x_damsten.php (css at > http://www.mondiara.com/test/mondiara.css) > And that "effect" I am not looking for... :) > > Do you have any suggestion what could fix this problem? Any > comments/help is greatly appreciated! > > regards, > --patrik > > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > > -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
