Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Location
    Ohio
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry IE, Chrome and Firefox not displaying images

    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.

  • #2
    Regular Coder gcmax's Avatar
    Join Date
    Sep 2010
    Posts
    108
    Thanks
    8
    Thanked 5 Times in 5 Posts
    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.

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

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

    Styling
    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
    Last edited by gcmax; 07-05-2011 at 09:39 PM.

  • #3
    New Coder
    Join Date
    May 2011
    Posts
    79
    Thanks
    3
    Thanked 4 Times in 4 Posts
    It doesn't even look as if the images have any content.

    http://mattandpiper.com/images/navbar.png
    and
    http://mattandpiper.com/images/us.jpg

    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.
    Quote Originally Posted by bullant View Post
    Basically - Java is to Javascript as Ham is to Hampster.

  • #4
    Regular Coder gcmax's Avatar
    Join Date
    Sep 2010
    Posts
    108
    Thanks
    8
    Thanked 5 Times in 5 Posts
    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.

  • #5
    New to the CF scene
    Join Date
    Jul 2011
    Location
    Ohio
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •