Solved

IE won't display certain images

Posted on 2010-11-29
20
843 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
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Internet Explorer question 6 28
Make Session back to empty 9 30
Selected in an option list 13 21
dynamic created check uncheck boxes 6 25
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

830 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