PDA

View Full Version : Images on my website don't show right. CSS or Server problem?



sideffects
October 22nd, 2009, 11:59 PM
Hi, I'm currently working on a website and the images (in *.gif format if it matters) appear as what I would describe as white noise. The thing is, however, not all of them appear this way. Does anyone know what could be causing this? I've been working on it ALL DAY! Thanks in advance for any help!
I've attached screenshots for reference. Thanks!

Can+~
October 23rd, 2009, 12:30 AM
I can't see what you mean with "white noise" in the picture.

Are the images supposed to be transparent? Because .gif can only handle binary transparency (transparent, or not), so most graphic editors fill the half-transparent with a solid color, usually white.

Try using png-32 with Transparency enabled.

OpenGuard
October 23rd, 2009, 08:57 AM
What's the url of your website ( thumbnail is too small to see what's going on there ) ?

sideffects
October 23rd, 2009, 05:12 PM
What's the url of your website ( thumbnail is too small to see what's going on there ) ?
Sorry, it doesn't look like that anymore. The same effect isn't happening since I converted the gifs to pngs. Does anyone know why that would make a difference?

Zugzwang
October 23rd, 2009, 05:35 PM
Sorry, it doesn't look like that anymore. The same effect isn't happening since I converted the gifs to pngs. Does anyone know why that would make a difference?

Probably you have chosen "dithering" or something like that for colour reduction (GIF images only have 256 colours).

sideffects
October 23rd, 2009, 05:36 PM
Probably you have chosen "dithering" or something like that for color reduction.

Where would I have chosen that?

Zugzwang
October 23rd, 2009, 05:48 PM
Where would I have chosen that?

Depends on the program used. When using GIMP, for example, you get a warning when saving a 24-bit colour picture as a GIF file. This warning can be circumvented by reducing the colour number using the command in the menus beforehand. When doing so, a windows pops up with options on the conversion.

sideffects
October 23rd, 2009, 06:42 PM
Depends on the program used. When using GIMP, for example, you get a warning when saving a 24-bit colour picture as a GIF file. This warning can be circumvented by reducing the colour number using the command in the menus beforehand. When doing so, a windows pops up with options on the conversion.

Okay, but I downloaded the template.

sideffects
October 23rd, 2009, 06:51 PM
You can see what I mean by going to http://jibbli.com/test/

Can+~
October 23rd, 2009, 07:25 PM
Seems like corrupted files.

Where did you download this template?

OpenGuard
October 23rd, 2009, 07:43 PM
CLICK HERE (http://jibbli.com/test/images/right-top-corner.gif) - don't waste your time .. it have nothing to do with CSS or any other scripting/programming/markup language.

sideffects
October 23rd, 2009, 07:44 PM
Seems like corrupted files.

Where did you download this template?
Template Monster.
The stupid rep won't answer my questions. Idiot.

prasadchalasani
October 23rd, 2009, 07:47 PM
yeah Can+~ is right. graphics are corrupted. when I try to view the background images the browser says like
http://jibbli.com/test/images/right-bot-corner3.gifhttp://jibbli.com/test/images/right-bot-corner3.gifthe image cannot be displayed because it contains errors.
http://jibbli.com/test/images/right-bot-corner3.gif

sideffects
October 23rd, 2009, 07:53 PM
Okay, I got it taken care of. Apparently, I was uploading the images in ASCII mode instead of Binary. That took entirely too long to figure out. Thanks guys!

prasadchalasani
October 23rd, 2009, 07:54 PM
when I reloaded the page its shows fine

sideffects
October 23rd, 2009, 07:56 PM
when I reloaded the page its shows fine
Yeah, I just fixed it. (See previous post)