41208 - extra space between images within table cells

Status: VERIFIED DUPLICATE of bug 25228

(Core :: Layout: Tables, defect, P3)

Description

[Nadeem Hasan]

Hi,

I am using the above in my style sheet which are part of CSS1. I get the
required result in IE4 but not in Mozilla. Please take a look at the
url: http://www.nadmm.com/ in both IE and Mozilla and you will see the
difference.

The class definition is below.

Thanks.

td.title3d
{
font-weight: bold;
color: #ffffff;
background-color: #009999;
border-color: #00cccc #009999 #006666 #009999;
border-style: solid;
border-width: 1px;
}

Comment 1

[Guillaume Filion]

I was able to reproduce this bug on Mozilla Build ID: 20000053108 on a PowerMac 
G3 with 160 MB RAM running Mac OS 8.6.

You really must compare it with the Explorer output to be able to find out the 
difference. Open Explorer's and Mozilla's windows side by side and compare the 
title 'Slashdot', you'll see that in Explorer there's a small drop-shadow on the 
title. A drop-shadow effect is the expected result.

GFK's

Comment 2

[James Lariviere]

I had the same problem on win98 2000053020.

But I think I know what is causing borders not to render in td's.

This is what I found out about my web site.

If you write <table border="0">
The borders declared in css rules for table cells are ignored because you 
declared table borders as zero in html.  I personally think that this is a bug. 
But I found a way to get around this rendering "problem".

Just do something like this: <table cellspacing="0" cellpadding="0"> and omit 
the border=”0”.   It worked for me but again I think this is a bug.

Comment 3

[Pierre Saslawsky]

I'm not sure the problem described above is a bug. Nav4x doesn't render the 
border either when we have border="0". However the page above shows a problem 
with the alignement of images inside table cells. I'm going to attach a 
simplified testcase. Load it in Nav, Moz and IE, and compare. Reassigned to HTML 
Tables.

Comment 4

[Pierre Saslawsky]

Attachment: testcase

Comment 5

[karnaze (gone)]

One bug per report please. 

*** This bug has been marked as a duplicate of 25228 ***

Comment 6

[Nadeem Hasan]

The testcase created by pierre does not reflect the example I gave. The way it
stands, its completely useless. Also, I didn't understand what he means by
"page above shows a problem with the alignement of images inside table cells".
Maybe he can enlighten me on both the issues.

Comment 7

[Pierre Saslawsky]

Nadeem, let's start from the beginning. When opening the bug, you wrote "Please 
take a look at the url: http://www.nadmm.com/ in both IE and Mozilla and you will 
see the difference". Could you describe precisely what the problem is? You did 
not provide a Build ID and Mozilla is a rapidly evolving project. Maybe the 
problem doesn't exist anymore, or maybe it changed. The bug writing guidelines 
(http://www.mozilla.org/quality/bug-writing-guidelines.html) list the kind of 
data we need in order to better investigate a bug.

On my side, I saw the same problem as Guillaume Filion and wrote that it may not 
be a bug because that's how Nav4x renders tables too when we have 'border="0"'. 
Chris Karnaze declared it dup of bug 25228.

Then I noticed a second problem where images inside table cells are not correctly 
aligned. Mozilla shows some extra space (approx. 2 pixels) between the 
"nadmm.com" image and the "Dedicated to Serving" image, then another space 
between the "Dedicated to Serving" image and the "string here" string. Nav4x 
shows only the latter space. IE doesn't show either spaces.

Since it seems to be a different problem than 25228, I'm reopening this bug under 
a different name and let Chris decide what to do with it.

Comment 8

[Nadeem Hasan]

Pierre,

I apologize for not giving enough info. I am using the build ID 2000060420 and
the problem still exists. It is similar to what was reported under 25228. I am
not seeing the borders for the cells which have "title3d" class as defined
above. This class gives the raised effect to a cell using the borders.I have
just confirmed that it is because of border="0" in the table tag. The cell
borders show up when I set border="1".
My concern was the test case where the "title3d" class was not used at all.
Which is kinda useless as the whole issue was around that class. I didn't
understand why you had to take a subset of the code and create a test case.
The problem with image alignment was not the issue at all.
I have problems marking this as a duplicate of 25228 as the cause is the same,
namely, border="0" attribute is overriding the style.
Sorry again if I created confusion. Let me know how this explaination sound to
you.

Comment 9

[Nadeem Hasan]

Errata,

Please read "I have no problems" instead of "I have problems".

Comment 10

[Pierre Saslawsky]

Thanks Naddeem, all is clear now.

I should have opened a separate bug report instead of reusing that one. Chris 
will sort it out...

Comment 11

[karnaze (gone)]

*** This bug has been marked as a duplicate of 25228 ***

Comment 12

[Prashant Desale]

Verified Duplicate.