Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

IE won't display certain images

Posted on 2010-11-29
20
Medium Priority
?
874 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
Independent Software Vendors: 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 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

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

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

Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
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 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 …
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

885 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