This was posted back in June... I'm having the same issue and it was never resolved.
I'm using a fresh install of 1.0.6 + stoppeddesign
http://brianstinehart.com/scenic-photography/Tulsa__s_Arkansas_River_Sunset_by_stinehart.jpgI really like this template.. Please help
"There are problems with the mouse overs in IE7. With the LEFT and RIGHT, it causes big white blocks on each side of the image. Any chance of fixing? Works great otherwise.
Posted: 2006-03-16 06:42:43 #" <<- origional post
Heres an uploaded pic from IE7 - as I move the curser around the blocks flash ffrom image to white blocks.
http://img205.imageshack.us/img205/4255/examplell9.jpgSorry about the duel monitors.
Comments
It's definitely a CSS issue of some kind. (And they thought IE7 was getting better... pffh). It might take some tweaking but I'm sure it won't be too hard to fix... if I can't then I'll figure out some other way to arrange it for IE...
This is the reason i did not upgrade from 1.0.3.
i never had any problem with the previous version. So until now i am keeping it.
Are you referring to the theme or zenphoto itself? This isn't a problem with the core zenphoto code, just an issue with the stoppeddesign theme. Just needs a bit of css care and feeding I would imagine so it will work with IE7. But I have been running 1.0.5 since it was released, and then I just upgraded to 1.0.6 and have had no trouble with it at all.
Just wanted to clarify as to why you aren't considering the upgrade, and wanted to allay your fears.
What's happening is that the css that places the "FULL VIEW" text on top of the image doesn't play nice with IE7. Or rather IE7 doesn't like it. Until we figure out an acutal fix you can just comment this out and remove it all together if you don't mind not having the "FULL VIEW" text show up.
Here is the code causing the problem:
`
#fullc p a em {
padding-top: 190px;
right: auto;
text-align: center;
width:500px;
height: auto;
min-height: 190px;
display: block;
_display: none;
}
`
Edited because I didn't know how to use conditional comments for IE. Now I do. So you can comment it out or make an IE7 specific stylesheet and link to it using conditional comments. It's not that important to me so I'm just going to delete it.
Line 729 in `themes/stoppeddesign/css/photos.css` reads
`#prev.slides p a em, #next.slides p a em, #fullc p a em {
text-indent: -9999px;
/* background: white; */
opacity: 0;
_display: none;
}`
Take out the `background: white;` as shown.
Who would have thought it was as stupid as that? This CSS is a mess... IE is still a POS that can't render, but I don't blame it for choking on this. There are a million simpler ways to do text link overlays...
There are still some issues, but this'll work for now. More fixes are in SVN, which you can see here (gotta love Trac!):
http://www.zenphoto.org/trac/changeset/335
Then you can download the whole fixed new file here:
http://www.zenphoto.org/trac/browser/trunk/themes/stoppeddesign/css/photos.css?format=raw
Trac is very cool but I can't make out what's happening at lines 677, 678 and 679 at http://www.zenphoto.org/trac/changeset/335. Are they commented out? Is that just a space inserted? Just looks like a yellow block before the same text.
1) Thanks for the fix
2) Not that it matters to me, but the patch seems to disable the Previous/Next/Full text, although the functionality appears to be retained.
Those three lines are just whitespace changes. I fix every badly indented code block I see, it's a pet peeve of mine. Check off "Ignore White space changes" to make them go away.