PDA

View Full Version : Trouble displaying CSS Popup Image



Donnabdr
09-01-2011, 04:24 PM
1) Script Title: CSS Popup Image Viewer

2) Script URL (on DD):
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

3) Describe problem:
I absolutely love this one! I have installed the code on my test site (on my desktop) and everything worked great - I want to use it all over the place. Unfortunately, when I moved the code to the webserver, it is not working properly - the image is chopped off behind a cell in the table... must be some difference in coldfusion or os? :confused:

Here's a link to the page:
http://www.ontherocks.biz/index.cfm?fuseaction=kalendar.display&page_id=27
Any ideas?

jscheuer1
09-01-2011, 04:52 PM
In the kalendar.css file find this section (around line #18) and make the highlighted change:


.eventDay {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background-color: #ffffff;
height: 80px;
width: 14%;
padding:5px;
vertical-align: top;
overflow: visible;

}

Also, for some browsers add a 100 z-index here (same file around line #355):


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 100;
}

Donnabdr
09-03-2011, 12:14 AM
Hooray! You are my hero. I am off to play with Image pop-ups.