Forum Moderators: open

Message Too Old, No Replies

Logo Split in AOL?

         

bbgirl

2:59 pm on Jun 4, 2002 (gmt 0)

10+ Year Member



Hi There,

My client says the left side logo is split up and has two white spaces in it on AOL. It looks fine in Netscape and IE. Can anyone tell me what to do about this, please? Here is the URL:

<url snipped - check profile>1

[edited by: papabaer at 7:14 pm (utc) on June 4, 2002]

Nick_W

3:26 pm on Jun 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Don't have AOL either but it may well need this in your stylesheet:

td img {
display: block;
}

Athough I'm not certain as you would normaly see the same thing in NS6 if this is the case. Give it a try ;)

Nick

bbgirl

3:55 pm on Jun 4, 2002 (gmt 0)

10+ Year Member



Nick,

Excuse my ignorance here, but where exactly would I put that in the code?

Nick_W

4:04 pm on Jun 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well, it's css so it should go in a style sheet like this:

This in the <head>
<link rel="stylesheet" type="text/css" href="styles.css" title="styles" />

styles.css

td img {
display: block;
]

Or you can put it directly in the <head> of the document like this:

<head>
<title>Test</title>
<style>
<!--
td img {
display: block;
}
-->
</style>
</head>

I'm really not sure though if this is the answer.

What I am sure of is that if css is new to you, you should definatly read up on it. It's pretty simple and there are huge benifits to be gained by seperating style from content.

Possibly food for another thread though eh? ;)

Nick

bbgirl

4:19 pm on Jun 4, 2002 (gmt 0)

10+ Year Member



Thanks Nick!

bbgirl

6:17 pm on Jun 4, 2002 (gmt 0)

10+ Year Member



Oh well, that dind't fix it. The problem only seems to accur in AOL 5.0 and Mozilla 1.0 RC 2.

Nick_W

6:19 pm on Jun 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hmmm.... we need an AOL tester. Anyone?

Nick

papabaer

7:51 pm on Jun 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hello bbgirl,

Please check your StickyMail.

Could your client have his font set to display at a larger size than what you tested with? It may be that table cell "expansion" is causing the spaces to appear on your clients display. The cells containing the text would look fine of course, but the sliced images would suffer.

You mentioned the problem occuring in Moz 1.02rc, If this is the case, check the "text zoom" option. I suspect it is set at 120% .... The problem will also occur in IE if the text size is set at larger than the default medium settings.

Try to avoid image slicing when possible. Especially when sliced images share table rows with text cells that leave little room for expansion in the event of text resizing. Your best option would be to use a single (unsliced) optimized image.

Best of luck!
- papabaer

Nick_W

8:58 pm on Jun 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Could your client have his font set to display at a larger size

(Slaps head in utter, horrified, disbelief!)

Doh!

<update>
Actually, I don't get that at even 200%
</update>

papabaer

9:40 pm on Jun 4, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I checked it out using Moz 1.03rcfirst @100% and then @120% and IE6 with text set at medium and then at larger. In both tests I was able to recreate the "white gaps" as the text expanded all the cells in the table rows. Of course in Opera ALL elements ZOOM equally so there would be no cell distortion.

I wonder how long we will have to wait until Moz and IE get smart and add a ZOOM feature similar to Opera's? ;)

Nick_W

6:13 am on Jun 5, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Ahh.. that explains it then, I'm using Mozilla 1 RC3 which zooms, so I didn't see it.

I don't think I'll ever want to swap browser again after discuvering Moz!

Nick

bbgirl

1:51 pm on Jun 5, 2002 (gmt 0)

10+ Year Member



Thanks to both of you!