www.webdeveloper.com
Page 1 of 2 12 LastLast
Results 1 to 15 of 16

Thread: Internet Explorer won't display images

  1. #1
    Join Date
    Nov 2006
    Posts
    75

    Exclamation Internet Explorer won't display images

    I'm working on a site for a client and at the moment its working fine in FF3 Safari 3. In ff2 safari 2 and IE it doesn't seem to want to display the replicated background image for the body.

    Also IE doesn't show the header image nor does it show the rollover buttons/imgs created with a little javascript. There's also the old transparency issue but i think i should be able to sort that.

    If anyone has any suggestions that would be ace, the url is:

    http://www.g-williams.co.uk/CovLife/

    Thanks in advance

  2. #2
    Join Date
    Aug 2006
    Posts
    1,908
    If I remember right, IE doesn't like the attributes WIDTH="" and HEIGHT="", and treats the blank fields as if they were zeros. Try leaving those off the img tag and see if that works.

    Dave

  3. #3
    Join Date
    Nov 2006
    Posts
    75
    Thats helped, just need to work out whats up with the background-image because it fails to show up in old FF IE and safari. Anybody know what it may be?

  4. #4
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    background-image:url(images/background-blue.jpg)
    Try this with an underscore. Maybe it's not liking the hyphen, -rename the image background:url(images/background_blue.jpg) repeat-repeat

    I know this sounds unlikely: but things happen. Just last night I had to go through several dozen pages and re-name all images that had CAP suffixes, to 'lowercase', because the host site refused to display images named "name.JPG" etc.
    Last edited by WebJoel; 06-27-2008 at 01:07 PM.
    I build for: Firefox and tweak for IE

  5. #5
    Join Date
    Nov 2006
    Posts
    75
    Nope, no luck... thanks though. Anyone have any ideas?

  6. #6
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    There is a runtime error that shows in IE-mode. Line 71. this:
    <body onload="MM_preloadImages(
    'images/navbuttonsclick_04.png',
    'images/navbuttonsclick_05.png',
    'images/navbuttonsclick_06.png',
    'images/navbuttonsclick_07.png',
    'images/navbuttonsclick_08.png',
    'images/navbuttonsclick_09.png',
    'images/navbuttonsclick_10.png',
    'images/navbuttonsclick_11.png',
    'images/navbuttonsclick_12.png',
    'images/navbuttonsclick_13.png',
    'images/navbuttonsclick_14.png',
    )">
    Now, I *think* that an array such as this should NOT have a "comma" after the LAST preloadImages... try removing the " , " and see what (if anything) happens..
    I build for: Firefox and tweak for IE

  7. #7
    Join Date
    Nov 2006
    Posts
    75
    done that and still nothing. I've tried spacing different way but nothing. Its working as a method on divs...

  8. #8
    Join Date
    Jun 2008
    Posts
    277
    your background-image (background_blue.jpg) is CMYK - change to RGB and you're sorted.

  9. #9
    Join Date
    Jun 2008
    Posts
    277
    also for this line:

    HTML Code:
    <div id="background">
    <div id="navbar">
    <img src="http://www.g-williams.co.uk/CovLife/images/navbuttons_03.jpg" class="space" alt=""   />
    change to :

    HTML Code:
    <div id="background">
    <div id="navbar">
    <img src="http://www.g-williams.co.uk/CovLife/images/navbuttons_03.jpg" width="6" height="26" class="space" alt=""   />
    that'll sort the positioning problem in IE between the header and nav bar - you should really ALWAYS give you img tags height and width atribs. but just sorting the first one should be provide a qick fix.

  10. #10
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    rgb vs. CYMK
    Ahhh! -I'd have never thought of that!

    And removal of that trailing " , " stops the M$debugger from launching when viewed in IE-mode.
    I build for: Firefox and tweak for IE

  11. #11
    Join Date
    Nov 2006
    Posts
    75
    Thanks guys. The background thing worked and im updating the height and width now. just one more issue...

    i have a transparent png working with ie6 if inserted in via html but i have one in css so any ideas how to fix that??

  12. #12
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Quote Originally Posted by gazzwi86
    ... but i have one in css so any ideas how to fix that??
    It may redundant to hear, but is the path correct? This is usually the first, best culprit to check for.
    I build for: Firefox and tweak for IE

  13. #13
    Join Date
    Nov 2006
    Posts
    75
    The filepath is fine, it works in FF safari opera just not ie 5.1 5.5 and 6 and seeing as the site is for students and most unis are stuck on ie6 ill be stuffed if i cant fix it. I've tried a few ways but nothing that fixed the css implemented pngs... would gif be an easy fix via an if ie6 statement??

  14. #14
    Join Date
    Jun 2008
    Posts
    277
    As far as I know (and I could be wrong), IE's support for Alpha Layer Transperency was pretty poor before IE7 - not sure if there's a solution as such, might be some work 'rounds though.

  15. #15
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    yeah, 'if IE then gif' conditional would definately work. I have never had much luck with IE and *png format images, so I generally just do not even bother.

    I am still holding our hope & torch for the "transparent *jpg" which will have the attribs of a JPG (24-million colors, etc), but can also have a transparent layer like *gif (which is limited to 256-colors, as you know)l..
    I build for: Firefox and tweak for IE

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles