Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 879
  • Last Modified:

IE won't display certain images

We run a website where we have some documentation on standard html tables. We put in some images (to make it look pretty), some jpg, some bmp and the bmp ones seem to display on IE but the jpg ones don't. When we use FireFox or any other browser and the images show without any problems.

I tried lowering the security settings on IE but that didn't work, and all the pictures are in one folder so it can't be a permissions problem. Only now in IE there is one bmp that it won't display either, and it displays the other bmp's.  Does anyone know what this problem could be?

I would be very grateful for any help given.

Thanks,
0
Infinate_
Asked:
Infinate_
  • 8
  • 5
  • 3
  • +4
1 Solution
 
TonyRebaCommented:
Can you give more details?

Last time I had that problem, it had to do with giving relative paths into the html code to the images
0
 
kivan24Commented:
Give us html code and some images.
0
 
darren-w-Commented:
is the table structure correct/well formed, have you any errors when the page is validated on the w3c validator (http://validator.w3.org/)

can you show the source of the area concerned?
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
Paul MacDonaldDirector, Information SystemsCommented:
Do any of the file names have spaces?
0
 
i-CONICACommented:
Try to open one of the non-working images on it's own in the browser. Also, give us some code! :D Either a link( preferable) or paste the source code into here. :)
0
 
gbanikCommented:
This is likely an issue of paths. Ensure that the paths for both the type of images ... bmp and jpg... are the same.

If already in place, try IE from some other workstation.
0
 
Infinate_Author Commented:
It wouldn't be a path issue if the image in question shows up in firefox but not IE would it?

See the code below for the image:
    <tr>

      <td colspan="2" class="menuMain" valign="top">###########################<br>
      </td>
      <td width="13">&nbsp;</td>
      <td colspan="1" rowspan="9" style="vertical-align: top;"><img
 style="width: 184px; height: 134px;" alt=""
 src="../images/Small%20Images/Sink.bmp"><br>
      </td>
    </tr>


I also validated the code and that came out fine.

I can't see any problems with the code, apart from a space inbetween 'Small' and 'Images' but i have procrastinated about changing that folder name as then i would have to relink all the image files and .. well.. I didn't want to :D

In that folder there are all the image files, there is a 'Sink.jpg' and a 'Sink.bmp'.

I will do my best to give you anymore information should you need it, and unfortunately i can't post the website as it has some personal information/confidential stuff.

-Infinate
0
 
Infinate_Author Commented:
Also, I forgot to mention, i tried IE on another workstation but that came up the same problem. No picture, on IE but fine on FF..

most interesting..
*strokes cat while sitting on a black leather swivel chair*

0
 
i-CONICACommented:
Can you attach that bmp image? bmp is a bad format for the web anyway, it'd be better in jpeg, png or gif, but if you attach it, we can try to replicate your problem and help fix it. :)
0
 
kivan24Commented:
Infinate_
You wrote
and the bmp ones seem to display on IE but the jpg ones don't.
So attach this jpg and code that show this jpg.
0
 
Infinate_Author Commented:
Ta-daaaaa

*curtsies*
Sink.bmp
Sink.jpg
0
 
Infinate_Author Commented:
the code for the jpg would be exactly the same, just replace .bmp with .jpg.

I will do that for you:

    <tr>

      <td colspan="2" class="menuMain" valign="top">###########################<br>
      </td>
      <td width="13">&nbsp;</td>
      <td colspan="1" rowspan="9" style="vertical-align: top;"><img
 style="width: 184px; height: 134px;" alt=""
 src="../images/Small%20Images/Sink.jpg"><br>
      </td>
    </tr>
0
 
kivan24Commented:
Something wrong with Sink.jpg it too large 584 KB
I "save for web & devices" Sink.jpg in Photoshop and this size is 19KB, and IE show his correct Sink.jpg
0
 
Infinate_Author Commented:
Wow, thanks Kivan I'll give that a shot in a sec! :)
0
 
i-CONICACommented:
lol well there's ya problem...

0
 
Infinate_Author Commented:
Well that took me along time to respond!

I tried it and it worked perfectly, thanks alot Kivan24 :)

Can anyone explain why it would affect viewing it on IE by just the size of the picture file?

Thanks for all your help!
0
 
Infinate_Author Commented:
Couldn't have been given a better answer
0
 
Infinate_Author Commented:
Aww people only answer questions if there is points involved :(

Guess i will have to start a new question then..
0
 
kivan24Commented:
If you use a .JPG in CMYK mode then IE won't display it but other browsers still will.

All JPGs must be in RGB, or all images in websafe GIFs
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

  • 8
  • 5
  • 3
  • +4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now