Bug in tables with images?

I have been killing myself for a week, working on my website, and not
getting images to line up.

The basic code is:

Table
Table Column
Table Row
Image

The Table Row and Image are both defined as exactly the same size, which is
the actual dimensions of the image.

So, NONE of the table background should show through, right?

Not on IE. There is about a 3 pixel row on the bottom of the image that
shows through. It completely throws off any attempt to calculate an even
border, and since I want to dynamically change the border color, I can't,
because of the bleed through.

Interestingly, it works perfectly on Firefox.

If anyone would like to see the problem, try

http://www.scalesimages.com/testpages/color2.htm

Try it with IE and Firefox.

The purple shows through!

Any suggestions?

Tom

Gazing into my crystal ball I observed "Tom Scales" <tomtoo@softhome.net>
writing in news:aEQee.2864$VH2.2078@tornado.tampabay.rr.com:

> I have been killing myself for a week, working on my website, and not
> getting images to line up.
>
> The basic code is:
>
> Table
> Table Column
> Table Row
> Image
>
> The Table Row and Image are both defined as exactly the same size,
> which is the actual dimensions of the image.
>
> So, NONE of the table background should show through, right?
>
> Not on IE. There is about a 3 pixel row on the bottom of the image
> that shows through. It completely throws off any attempt to calculate
> an even border, and since I want to dynamically change the border
> color, I can't, because of the bleed through.
>
> Interestingly, it works perfectly on Firefox.
>
> If anyone would like to see the problem, try
>
> http://www.scalesimages.com/testpages/color2.htm
>
> Try it with IE and Firefox.
>
> The purple shows through!
>
> Any suggestions?
>
> Tom
>
>
>
>

You have some really strange markup there, partner. The only elements that
can children of the TR element are TH and TD, not DIV. DIV is a block
level element, and cannot be the child of a TR element.

Further, if the image is the same size as the TD element, why would you
expect a background color to show through? Further, the image type does
not support transparency.

--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

"Adrienne" <arbpen2003@sbcglobal.net> wrote in message
news:Xns964EEBA815688arbpenyahoocom@207.115.63.158 ...
> Gazing into my crystal ball I observed "Tom Scales" <tomtoo@softhome.net>
> writing in news:aEQee.2864$VH2.2078@tornado.tampabay.rr.com:
>
>> I have been killing myself for a week, working on my website, and not
>> getting images to line up.
>>
>> The basic code is:
>>
>> Table
>> Table Column
>> Table Row
>> Image
>>
>> The Table Row and Image are both defined as exactly the same size,
>> which is the actual dimensions of the image.
>>
>> So, NONE of the table background should show through, right?
>>
>> Not on IE. There is about a 3 pixel row on the bottom of the image
>> that shows through. It completely throws off any attempt to calculate
>> an even border, and since I want to dynamically change the border
>> color, I can't, because of the bleed through.
>>
>> Interestingly, it works perfectly on Firefox.
>>
>> If anyone would like to see the problem, try
>>
>> http://www.scalesimages.com/testpages/color2.htm
>>
>> Try it with IE and Firefox.
>>
>> The purple shows through!
>>
>> Any suggestions?
>>
>> Tom
>>
>>
>>
>>
>
> You have some really strange markup there, partner. The only elements
> that
> can children of the TR element are TH and TD, not DIV. DIV is a block
> level element, and cannot be the child of a TR element.
>
> Further, if the image is the same size as the TD element, why would you
> expect a background color to show through? Further, the image type does
> not support transparency.
>
> --
> Adrienne Boswell
> http://www.cavalcade-of-coding.info
> Please respond to the group so others can share


Sorry, the DIV was something I was playing with. You must have looked
quickly, as there is no DIV in the current version of the page.

The whole POINT is that I wouldn't expect it to show through, but I has an
issue.

Finally figured it out through web searches. If the HTML code that loads
the image has a carriage return in it (merely separating the lines of HTML
code), IE misinterprets this and puts roughly three extra pixels of space
below the image, letting the background show through. Firefox correcly
interprets the code and does not show through any image.

It makes for such nice readable code to put it all on the same line

Tom

Gazing into my crystal ball I observed "Tom Scales" <tomtoo@softhome.net>
writing in news:9h1fe.3552$VH2.2830@tornado.tampabay.rr.com:

>
> "Adrienne" <arbpen2003@sbcglobal.net> wrote in message
> news:Xns964EEBA815688arbpenyahoocom@207.115.63.158 ...
>> Gazing into my crystal ball I observed "Tom Scales"
>> <tomtoo@softhome.net> writing in
>> news:aEQee.2864$VH2.2078@tornado.tampabay.rr.com:
>>
>>> I have been killing myself for a week, working on my website, and not
>>> getting images to line up.
>>>
>>> The basic code is:
>>>
>>> Table
>>> Table Column
>>> Table Row
>>> Image
>>>
>>> The Table Row and Image are both defined as exactly the same size,
>>> which is the actual dimensions of the image.
>>>
>>> So, NONE of the table background should show through, right?
>>>
>>> Not on IE. There is about a 3 pixel row on the bottom of the image
>>> that shows through. It completely throws off any attempt to
>>> calculate an even border, and since I want to dynamically change the
>>> border color, I can't, because of the bleed through.
>>>
>>> Interestingly, it works perfectly on Firefox.
>>>
>>> If anyone would like to see the problem, try
>>>
>>> http://www.scalesimages.com/testpages/color2.htm
>>>
>>> Try it with IE and Firefox.
>>>
>>> The purple shows through!
>>>
>>> Any suggestions?
>>>
>>> Tom
>>>
>>>
>>>
>>>
>>
>> You have some really strange markup there, partner. The only elements
>> that can children of the TR element are TH and TD, not DIV. DIV is a
>> block level element, and cannot be the child of a TR element.
>>
>> Further, if the image is the same size as the TD element, why would
>> you expect a background color to show through? Further, the image
>> type does not support transparency.
>>
>> --
>> Adrienne Boswell
>> http://www.cavalcade-of-coding.info
>> Please respond to the group so others can share
>
>
> Sorry, the DIV was something I was playing with. You must have looked
> quickly, as there is no DIV in the current version of the page.
>
> The whole POINT is that I wouldn't expect it to show through, but I has
> an issue.
>
> Finally figured it out through web searches. If the HTML code that
> loads the image has a carriage return in it (merely separating the
> lines of HTML code), IE misinterprets this and puts roughly three extra
> pixels of space below the image, letting the background show through.
> Firefox correcly interprets the code and does not show through any
> image.
>
> It makes for such nice readable code to put it all on the same line
>
> Tom
>
>
>

You should have used a URL that really showed the problem, and I would have
seen it right away. Yes, most browsers render white space between TR TD
elements.

Now, is this table for tabular data, or are you using it for presentation?
Unless it is really for tabular data, you are better off using CSS. You
should also stick a DOC type at the top of your document, STRICT is
recommended as it will put the browser into standards mode. With no DOC
type, the browser will go into quirks mode which can create different
problems across different browsers.

--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

> Now, is this table for tabular data, or are you using it for presentation?
> Unless it is really for tabular data, you are better off using CSS. You
> should also stick a DOC type at the top of your document, STRICT is
> recommended as it will put the browser into standards mode. With no DOC
> type, the browser will go into quirks mode which can create different
> problems across different browsers.
>
> --
> Adrienne Boswell
> http://www.cavalcade-of-coding.info
> Please respond to the group so others can share


It's just sample code to show the bug. It's a bug, plaing and simple.
Firefox works, IE doesn't.

I guess I appreciate your attempting to help, but you sure do have a bad
attitude.

Gazing into my crystal ball I observed "Tom Scales" <tomtoo@softhome.net>
writing in news:Khcfe.3766$VH2.136@tornado.tampabay.rr.com:

>
>> Now, is this table for tabular data, or are you using it for
>> presentation? Unless it is really for tabular data, you are better off
>> using CSS. You should also stick a DOC type at the top of your
>> document, STRICT is recommended as it will put the browser into
>> standards mode. With no DOC type, the browser will go into quirks
>> mode which can create different problems across different browsers.
>>
>> --
>> Adrienne Boswell
>> http://www.cavalcade-of-coding.info
>> Please respond to the group so others can share
>
>
> It's just sample code to show the bug. It's a bug, plaing and simple.
> Firefox works, IE doesn't.
>
> I guess I appreciate your attempting to help, but you sure do have a
> bad attitude.
>
>
>

Again, if I had seen the real markup, the problem would have jumped out
right away. Frequently, sample markup does not include the offending
markup that is making the page render incorrectly.

As to my attitude, this is USENET. You asked for help, and I have you
advice not only about the problem at hand, but also advice that you can use
in the future. If you consider that kind of generosity a bad attitude,
then have a very thin skin. <plonk>

--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

On Sat, 07 May 2005 23:36:10 GMT, "Tom Scales" <tomtoo@softhome.net> wrote:

>
>> Now, is this table for tabular data, or are you using it for presentation?
>> Unless it is really for tabular data, you are better off using CSS. You
>> should also stick a DOC type at the top of your document, STRICT is
>> recommended as it will put the browser into standards mode. With no DOC
>> type, the browser will go into quirks mode which can create different
>> problems across different browsers.
>>
>> --
>> Adrienne Boswell
>> http://www.cavalcade-of-coding.info
>> Please respond to the group so others can share
>
>
>It's just sample code to show the bug. It's a bug, plaing and simple.
>Firefox works, IE doesn't.
>
>I guess I appreciate your attempting to help, but you sure do have a bad
>attitude.
>
>
Just reading on the side lines here all I see is a guy offering useful on-topic
information & suggestions. No signs of a attitude.

I'll be saving the replies for future reference.


--

Australia isn't "down under", it's "off to one side"!

stanblaz@netspace.net.au
www.cobracat.com (home of the Australian Cobra Catamaran)
http://groups.yahoo.com/group/cobra-cat/