Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

IE won't display certain images

Posted on 2010-11-29
20
Medium Priority
?
876 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
Industry Leaders: 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 35

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 2000 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

Become an Android App Developer

Ready to kick start your career in 2018? Learn how to build an Android app in January’s Course of the Month and open the door to new opportunities.

Question has a verified solution.

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

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
When you put your credit card number into a website for an online transaction, surely you know to look for signs of a secure website such as the padlock icon in the web browser or the green address bar.  This is one way to protect yourself from oth…
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…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

572 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