Re: Incomplete display in Netscape

by Byron Canfield <barn(at)byronc.com>

 Date:  Sun, 01 Mar 1998 17:17:28 -0800
 To:  "Michael Gerholdt" <gerholdt(at)ait.fredonia.edu>,
<bassmstr(at)westol.com>,
"hwg-graphics" <hwg-graphics(at)hwg.org>
 In-Reply-To:  fredonia
  todo: View Thread, Original
--=====================_888830248==_
Content-Type: text/plain; charset="us-ascii"

Boy, I love a mystery.

I tried six ways to Sunday to modify the HTML to get this to work. Nothing
I did seemed to make any difference, even adding a VSPACE attribute to the
images to set them apart.

Then I dediced to examine the GIF files, themselves (upbar.gif and
downbar.gif). When I opened them in PhotoShop, the upbar.gif came in as
expected, with the transparent area being the default gray, but the
downbar.gif came in as all blue!

I decided to try re-exporting the upbar.gif and IT ended up solid blue.

After many iterations trying to export these files with transparent area,
I've concluded that Netscape (3.0, at least) has a problem with transparent
GIFs that don't have both white and black components actually in existence
in the file. I had never noticed this before, but it sure seemed to be the
case here (I even scaled down to 16 pixels wide, hoping that using some
integer multiple of 16 might circumvent the problem.

The only way I could achieve the effect you wanted was to create a single
pixel file, with the blue color you wanted, and use it, in conjunction with
sizing commands, and the standard single-pixel transparent GIF, as three
graphics used to create the line, i.e.:

<TR ALIGN="LEFT" VALIGN="TOP"><TD HEIGHT=4><IMG
SRC="images/spacer_b165.gif" HEIGHT=1 WIDTH=607 BORDER=0 ALIGN="TOP"><BR>
<IMG SRC="images/spacer.gif" HEIGHT=1 WIDTH=607 BORDER=0 ALIGN="TOP"><BR>
<IMG SRC="images/spacer_b165.gif" HEIGHT=2 WIDTH=607 BORDER=0
ALIGN="TOP"></TD></TR>

for the "upbar" and:

<TR ALIGN="LEFT" VALIGN="TOP"><TD HEIGHT=8><IMG
SRC="images/spacer_b165.gif" HEIGHT=2 WIDTH=607 BORDER=0 ALIGN="TOP"><BR>
<IMG SRC="images/spacer.gif" HEIGHT=1 WIDTH=607 BORDER=0 ALIGN="TOP"><BR>
<IMG SRC="images/spacer_b165.gif" HEIGHT=1 WIDTH=607 BORDER=0
ALIGN="TOP"></TD></TR>

for the "downbar".

This is a really weird anomoly, and, as evidenced by the correct appearance
in Internet Explorer, shouldn't happen. But it does. Oh well. I've included
the two requisite GIF files, for you convenience.

At 04:17 PM 3/1/98 -0500, Michael Gerholdt wrote:
>I wrote:
>
>> > I created 2 small horizontal line graphics that are only 4 pixels high.
>> > Line #1 is blue, #2 is white, and #s 3 and 4 are blue again. Reverse
>order
>> > for the second. Put into a table and use as borders for top and bottom
>of
>> > three graphics that appear side by side in the second of 3 table rows.
>> > 
>> > In IE 3.x I can see the borders as I intended. In Netscape 3.x and 4.x
>all
>> > I see, apparently, is the top two pixels of each border. Since the
>> > background of the three images being bordered is white, the border
>appears
>> > as a thin line on top and a thick line on bottom in Netscapes.
>> > 
>> > http://www.fredonia.edu/admin/
>> > 
>> > Anybody have any idea what's up with this?
>> 
>
>And Steve responded:
>
>> You need to include closing tags </TD> and </TR> to finish off the data 
>> cells and rows.  I'm not sure if they are strictly required by HTML 
>> standards, but Netscape seems to do funny things if you don't include
>them.
>> 
>> Steve
>> 
>>
>
>The </TD> and </TR> tags are optional. I've never experienced any need by
>Netscape for them to be present.
>
>However, I did add them throughout the table in question, and it made no
>difference in how the images were displayed.
>
>Any other ideas?
>
>Michael Gerholdt
> 
--=====================_888830248==_
Content-Type: image/gif; name="spacer.gif";
 x-mac-type="47494666"; x-mac-creator="4A565752"
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="spacer.gif"

R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAEBMgA7dF9jbGVhci5naWYN
--=====================_888830248==_
Content-Type: image/gif; name="spacer_b165.gif";
 x-mac-type="47494666"; x-mac-creator="4A565752"
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="spacer_b165.gif"

R0lGODdhAQABAJEAAP///wAApQAAAAAAACwAAAAAAQABAAACAkwBADs=
--=====================_888830248==_
Content-Type: text/plain; charset="us-ascii"


Barn
(Byron Canfield)
http://www.byronc.com
================================
    "Inside every large problem
     there is a small problem struggling to get out."
          --Hoare's Law of Problem Solving
--=====================_888830248==_--

HWG: hwg-graphics mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.