Solved

IE won't display certain images

Posted on 2010-11-29
20
857 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_
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

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.

Question has a verified solution.

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

Suggested Solutions

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

739 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