Yep, I forgot to mention it, but that I'm keeping as a backup solution if nothing else helps. But only then. :) I don't like the idea of needing to change image size and add a background to every single image smaller than the first one. And to do this again when new images are added. But if nothing else helps, then I have to start thinking of that possibility. But I would like to learn better css, so I'm hoping to solve this problem via css, not photoshop! ;)
thanks for such a quick reply anyway! --patrik On 4.10.2008 2:00, Bob Meetin wrote: > 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/ >> >> >> >> > > > ______________________________________________________________________ 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/
