Hi,
I have a question re a photo gallery that contains thumbnail images that enlarge when the mouse hovers over the thumbnails. Is it possible to display one of these enlarged images when the page is first loaded so that the image is displayed rather than none at all? Below is a link to a test page & css code: Thank you, Jasmin http://www.cityplanqld.com.au/testpages/grnslps4.htm .gallerycontainer{ position: relative; left: 120px; bottom: -310px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .thumbnail img{ border: 0px solid white; margin: 0 0px 0px 0; text-align: center; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 0px solid white; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 4px; left: -500px; border: 1px solid gray; visibility: hidden; color: black; text-decoration: none; text-align: center; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: -320px; left: -100px; z-index: 50; } ______________________________________________________________________ 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/
