View Full Version : IE, Chrome and Firefox not displaying images

07-05-2011, 07:47 PM
I am working on a wedding website for myself (mattandpiper.com) and I have two out of seven images that just aren't showing up in IE, Chrome and Firefox but they are working in Safari. One of the images is a background image in my navbar div tag. Its coded in through my external css. Its coded the exact same as the other 3 background images I am using, so I'm unsure why this would be any different? The other one that isn't working is a img that is placed in through my index.html page. Its coded the exact same as the other two images I have placed through there so again, I am unsure why this picture is any different? Please help! Its very aggrevating.

07-05-2011, 09:37 PM
The only image that I can see missing on your index page is us.jpg.
Firefox omits the image so content falls in it's place, while Chrome and IE display the missing image icon and container.
You have missed something really silly here, maybe you didn't set the div that contains the image to the same size as the image or maybe the location of the image is not correct.

CSS background images
Be cautious here as someone who wants to print the page would miss content because background image printing is turned off by default to save ink.

Center the links on the page as they are running off to the rhs slightly.
White hover colour makes links invisible against the white background. This is not easy on the eyes and would look better as standard grey imo.

The image here is a bit off putting because it's too contrasty, maybe you could try something like dark striped wallpaper?

Just an idea but you may find making headers darker than content a good idea for readability as well as style. Like the black welcome you have might go nicely with a slightly lighter text and last thing try to stay away from pure black as it looks a bit heavy. #171717 or lighter.

Congratulations on the upcoming wedding, I hope it goes well :)

07-06-2011, 01:34 AM
It doesn't even look as if the images have any content.


seem to be 1x1 and transparent when you view them in the browser, but when I download them I can see them. Did you change the file extension manually without doing it through a graphics program like Photoshop? I'd try resaving the images and reuploading them.

07-06-2011, 01:42 PM
After saving and opening one of the images in notepad I see it was made with Adobe Photoshop CS4 for Macintosh. I re-saved as .bmp .gif .jpeg. .psd and .tga - all gave errors.
When you save your image, click file and save for web and devices, make sure you can see the image after optimisation and choose a location to save.

07-06-2011, 07:17 PM
Thanks. I'm going to try those things when I get home from work. I definitely don't think its a code itself, but I don't understand why the images show up in safari?