ADA Compliant Kitchen Design - 012
.gallerycontainer{ position: relative; /*height attribute and set to largest image's height to prevent overlaying*/ background:url(" --- URL --- "); /* color or image behind tumbs*/ height:580px; } .thumbnail img{ border: 1px solid #c0c0c0; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 1px solid black; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #c0c0c0; padding: 5px 0px 5px 5px; /*around enlarged image*/ left: -1000px; border: 1px solid #000000; visibility: hidden; color: black; font-size:16px; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; max-height:580px; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; left: 280px; /*position where enlarged image should offset to left */ top: 0; z-index: 50; }