I hope it’s OK to recruit some help here. I just built out an HTML version of a Flash site, and was told to build it for 800x600 (760x420). It looks just fine in IE and Netscape, but like absolute sh*t in AOL. My guess is that AOL either displays images in some deeply crappy way, or that it’s scaling the site down to fit 640x480.
Can anyone help me on this? Here’s a link to the site. Maybe it’s a layout issue. I dunno.
What version AOL are you looking at it in? I have 6.0 and it looks fine. I opened it in IE 5.0 and it looks the same.
AOL does display images crappy though, if you go into the browser preferences and uncheck “compress graphics” (something like that) they look much better. Is that what you meant?
There’s a picture of an airplane at the top left of the page, and I’ve had a problem where one person had the picture cut in two (just below the door of the airplane). Is anybody else seeing that?
The problem occurs when the width of the browser window causes the “Are you afraid of Flying?” to be wraped to two or more lines. This makes the table row you are using taller than the graphic of the bottom of the plane. The browser then centers the gif in the cell, giving the gap. Try adding a “VALIGN=top” in the cell. Your code should read:
Ah HA! It worked! I took off the “Always compress graphics” preference, and the site looks normal! WOO HOO! AndYrAStar, you really ARE a star! I no longer feel ready to throttle everyone around me. Thanks so much for the responses, guys.
Timothy Campbell, along with the excellent advice from MinkMan, I suggest you specify border=0 around each image. That can sometimes make a real difference (sometimes not, but it’s a good practice to get into).
So, <TR valign=“top”>
<TD><IMG SRC=“pix/apcc_tail.jpg” WIDTH=“189” HEIGHT=“180” border=“0”></TD>
Locally, on my machine (i.e. not on the site itself) I added the “VALIGN=TOP” you recommended, but it didn’t fix the problem that occurs when the first text line wraps.
However, you may be on to something! It’s not clear to me why there should be that extra space (with the background showing through) if the text gets wrapped.
Anybody have any insight into this?
Incidentally, for those of you who have wondered what I look like, that’s me in the pictures.
Minkman: Your observation helped me figure out the problem. While I have not yet taken Beadalin advice (which I think makes sense), I’ve managed to fix the wrapping problem. My mistake was breaking up the graphic across two separate tables. When the text wrapped at the top of the second table, the browser would put space BETWEEN the tables for no good reason that I can think of.
Anyway, if anybody wants to see the new and improved version, with the airplane intact (I hope), it can be found at http://members.aol.com/timxcampbell
If there’s still a problem, though, please let me know.
I’ve taken Beadalin’s advice and I believe I’ve managed to make my web site look good on both IE and Netscape. For those who (like me) aren’t exactly HTML experts, let me tell you what the main problem is…
In IE, if you don’t specify an attribute, it appears to assume that the value is ZERO (which is a reasonable assumption, and quite consistent with the HTML philosophy). Netscape, however, assumes certain values. For example, if you don’t set HSPACE and VSPACE everywhere possible, graphics won’t come out exactly where you expected them to.
