Pictures washed out

[bogdog]

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.

[CapriSkye]

pictures are fine to me, all three of them

[Tranz]

It seems specific to the theme and Firefox. It looks fine in IE. If I change the theme to classic, it looks fine in FF.

[donnoman]

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

   * 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)

[Tranz]

Look for this in the style.css file for the theme:

Code Select Expand

.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.

[bogdog]

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