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/
