This is a strange problem. Everything works as it should until I click to look at either the interim or full size picture. Then it appears washed out at the bottom almost to the midway point of the picture. However, when I right-click the picture to get the absolute URL to the picture and put that in the browser, the picture looks fine so I know it's not an upload problem. Here's my gallery http://www.swamptropolis.com/viewing/index.php
Any suggestions appreciated.
pictures are fine to me, all three of them
It seems specific to the theme and Firefox. It looks fine in IE. If I change the theme to classic (http://www.swamptropolis.com/viewing/displayimage.php?album=9&pos=1&theme=classic), it looks fine in FF.
It looks like a problem with your css file.
I would remove all of the proprietary css information from it until it can pass css validation (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.swamptropolis.com/viewing/thumbnails.php%3Falbum%3D9)
Quote
* Line: 11 Context : a:visited .image , a:visited .image1
Parse Error - Direction=120)
* Line: 19 Context : a:hover .image , a:hover .image1
Parse Error - Add=1, Direction=120, Strength=1)
* Line: 38 Context : body
Property scrollbar-3dlight-color doesn't exist : #0033cc
* Line: 39 Context : body
Property scrollbar-arrow-color doesn't exist : #ffff00
* Line: 40 Context : body
Property scrollbar-darkshadow-color doesn't exist : #333333
* Line: 41 Context : body
Property scrollbar-face-color doesn't exist : #0033cc
* Line: 42 Context : body
Property scrollbar-highlight-color doesn't exist : #0033cc
* Line: 43 Context : body
Property scrollbar-shadow-color doesn't exist : #ff0000
* Line: 44 Context : body
Property scrollbar-track-color doesn't exist : #6978bd
* Line: 188 Context : .clickable_option
Invalid number : cursorhand is not a cursor value : hand
* Line: 234 Context : .image
Parse Error - Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100)
* Line: 236 Context : .image
Parse Error - -moz-opacity: 0.5;
* Line: 237 Context : .image
Parse error - Unrecognized : }
* Line: 375 Context : .tablef
Parse Error - Opacity=100, FinishOpacity=40, Style=1, StartX=100, StartY=0, FinishX=0, FinishY=0)
* Line: 385 Context : .tableh1
Parse Error - Opacity=100, FinishOpacity=40, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0)
* Line: 403 Context : .tableh2
Invalid number : backgroundParse Error - ##0033CC
* Line: 405 Context : .tableh2
Parse Error - Opacity=100, FinishOpacity=0, Style=3, StartX=0, StartY=0, FinishX=200, FinishY=0)
Look for this in the style.css file for the theme:
.image {
border-color: #FFFF00;
border-style: solid;
border-width: 2px;
filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);
margin: 2px;
-moz-opacity: 0.5;
}
Remove the filter attribute and -moz-opacity. This will fix it for the displayimage file. For thumbs, you will have to find and remove other instances.
You guys are amazing! You posted within just a few minutes of my post. Thanks so much for all your help. You were right on the money. Thanks for the css validation page, donnoman, I went down to the valid version and went line by line changing my css file and it worked great. I removed the attribute stuff, TranzNdance, that must have been giving me the washed out stuff. You can definitely mark this problem solved ;D