Google Answers Logo
View Question
 
Q: JPEG images in Internet Explorer 5.5 for Windows ( Answered 5 out of 5 stars,   1 Comment )
Question  
Subject: JPEG images in Internet Explorer 5.5 for Windows
Category: Computers > Internet
Asked by: shonner-ga
List Price: $5.00		 Posted: 24 Feb 2003 15:07 PST
Expires: 26 Mar 2003 15:07 PST
Question ID: 166572 
Internet Explorer 5.5 for Windows adds a white line between JPEG
images in a table (http://www.bottlerocketmfg.com/test2.html). Is
there a work around for this (other than converting the images to PNG
or GIF)?
Request for Question Clarification by skorba-ga on 24 Feb 2003 17:03 PST 
Dear Shonner -

I went to the link you supplied and peeked at the source code. Your
HTML is impeccable, but still, have you tried specifically setting the
image border to zero? Please try this code:

<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="topfw.jpg" width="600" height="235" border="0"></td>
  </tr>
  <tr>
    <td><img src="bottomfw.jpg" width="600" height="235"
border="0"></td>
  </tr>
</table>

You can also accomplish this by setting a global style on your
html-documents:

img
{
Request for Question Clarification by skorba-ga on 24 Feb 2003 17:05 PST 
Dear Shonner -

I went to the link you supplied and peeked at the source code. Your
HTML is impeccable, but still, have you tried specifically setting the
image border to zero? Please try this code:

<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="topfw.jpg" width="600" height="235" border="0"></td>
  </tr>
  <tr>
    <td><img src="bottomfw.jpg" width="600" height="235"
border="0"></td>
  </tr>
</table>

You can also accomplish this by setting a global style in the head of
your html-documents:

img
{
border: 0;
}

Please tell me if it works, and if so, if you would accept this as an
answer.

Good luck!
Clarification of Question by shonner-ga on 25 Feb 2003 07:11 PST 
I certainly understand and appreciate what your code is getting at,
and I've revised the file online
(http://www.bottlerocketmfg.com/test2.html), but the problem still
persists... If you refresh the page using I.E. 5.5 for Windows, a
white hairline shows up between the two images randomly... For me it's
about 3 of 5 times. It's not an HTML border, but more a rendering
problem with I.E. that I've seen on several Windows systems. I can't
accept this as an answer.
Answer  
Subject: Re: JPEG images in Internet Explorer 5.5 for Windows
Answered By: theta-ga on 25 Feb 2003 08:52 PST
Rated:5 out of 5 stars		  
Hi shonner-ga,
  The problem you are experiencing seems to be a known bug in the IE
5.5 browser, with no official fix. See this MS KB article:
    - Article 277571: Internet Explorer 5.5 Adds Scan Lines Between
JPEG Images
      ( http://support.microsoft.com/default.aspx?scid=KB;EN-US;Q277571
)

 You can check out a Google Groups discussion on this problem:
   - Subject: White lines appear in slice images
     Newsgroup: macromedia.fireworks
     ( http://groups.google.com/groups?hl=en&lr=&ie=UTF-8&th=919b03933eadcf43
)

 As for the workaround, here are some suggestions:
   - (Official MS recommendation) Use .gif files (this is of course
disallowed by your question)
   - The problem seems to only occur with large images (in your case
600x235). Slice the image into multiple smaller pieces and try it out.
   - You can try out the solution suggested in this Expert Exchange
Question:
         - EE: HTML IE image display bug
           ( http://www.experts-exchange.com/Web/Web_Languages/HTML/Q_20305038.html
)
     According to the solution accepted, you should try adding the
following code for the OnLoad event for the IMG or BODY tag:
     < IMG src...width...height...
OnLoad="this.style.visibility='visible';" >
   - Another point mentioned in the MS KB Article, is that the white
line may disappear if the jpg images are preloaded using JScript. Just
ask for a clarification if you need code for doing this.

Hope this helps.
If you need any clarifications, just ask!

Regards,
Theta-ga
:-)

==========================================
Google/Google Groups Search Terms Used:
    "ie 5.5" image "white line"
shonner-ga rated this answer:5 out of 5 stars and gave an additional tip of: $2.00 
Thanks a bunch! You've removed a big headache from my day!

Comments  
Subject: Re: JPEG images in Internet Explorer 5.5 for Windows
From: hatchetman-ga on 24 Feb 2003 19:41 PST		  
I have inserted comments starting at line 12 of your code, where I made changes.
See if this is what you want.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
	<img src="topfw.jpg" width="600" height="235">
<!-- Put both images in the same cell and insert a break (<BR>)
     as I have -->

<br>

<!-- This seems to accomplish what you want -->

	<img src="bottomfw.jpg" width="600" height="235">
    </td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
Important Disclaimer: Answers and comments provided on Google Answers are general information, and are not intended to substitute for informed professional medical, psychiatric, psychological, tax, legal, investment, accounting, or other professional advice. Google does not endorse, and expressly disclaims liability for any product, manufacturer, distributor, service or service provider mentioned or any opinion expressed in answers or comments. Please read carefully the Google Answers Terms of Service.

If you feel that you have found inappropriate content, please let us know by emailing us at answers-support@google.com with the question ID listed above. Thank you.
Search Google Answers for
Google Answers  

Google Home - Answers FAQ - Terms of Service - Privacy Policy