Solved

IE won't display certain images

Posted on 2010-11-29
20
833 Views
Last Modified: 2012-05-10
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
Comment
Question by:Infinate_
  • 8
  • 5
  • 3
  • +4
20 Comments
 
LVL 9

Expert Comment

by:TonyReba
ID: 34231075
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
 
LVL 8

Expert Comment

by:kivan24
ID: 34231125
Give us html code and some images.
0
 
LVL 13

Expert Comment

by:darren-w-
ID: 34231165
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
Are your AD admin tools letting you down?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

 
LVL 34

Expert Comment

by:Paul MacDonald
ID: 34231169
Do any of the file names have spaces?
0
 
LVL 6

Expert Comment

by:i-CONICA
ID: 34231637
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
 
LVL 13

Expert Comment

by:gbanik
ID: 34234717
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
 

Author Comment

by:Infinate_
ID: 34237426
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
 

Author Comment

by:Infinate_
ID: 34237456
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
 
LVL 6

Expert Comment

by:i-CONICA
ID: 34237472
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
 
LVL 8

Expert Comment

by:kivan24
ID: 34237527
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
 

Author Comment

by:Infinate_
ID: 34237619
Ta-daaaaa

*curtsies*
Sink.bmp
Sink.jpg
0
 

Author Comment

by:Infinate_
ID: 34237677
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
 
LVL 8

Accepted Solution

by:
kivan24 earned 500 total points
ID: 34237755
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
 

Author Comment

by:Infinate_
ID: 34237838
Wow, thanks Kivan I'll give that a shot in a sec! :)
0
 
LVL 6

Expert Comment

by:i-CONICA
ID: 34237851
lol well there's ya problem...

0
 

Author Comment

by:Infinate_
ID: 34255921
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
 

Author Closing Comment

by:Infinate_
ID: 34255924
Couldn't have been given a better answer
0
 

Author Comment

by:Infinate_
ID: 34284503
Aww people only answer questions if there is points involved :(

Guess i will have to start a new question then..
0
 
LVL 8

Expert Comment

by:kivan24
ID: 34289913
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
 
LVL 8

Expert Comment

by:kivan24
ID: 34290115
0

Featured Post

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question