Posted by Jonathan N. Little on 07/01/97 11:31

Alan J. Flavell wrote:
> On Tue, 8 Nov 2005, Jonathan N. Little wrote:
>
>
>>Giggle Girl wrote:
>>
>>>When I set a TR background image, every time I hit a TD it "re-seeds"
>>>the image. I want to have a TR that shows an 800px image in it's
>>>entirety, not a fragmented one.
>
> [...]
>
>>Also works when applied to TR but not sure how kosher, seems to
>>display same as when applied to TABLE element and is not confined to
>>TR
>
>
> Yes, it produces the desired effect in Mozilla. But, curiously, not
> in Opera, where the image is restarted in each cell.
>
> There's a crudely-made test document, for the time being, at
> http://ppewww.ph.gla.ac.uk/~flavell/tests/tablebg.html
> in which table rows 2, 3 and 5 are supposed to show the effect.
>
> That it doesn't produce the desired result in MSIE came as no great
> surprise, but the fact that Opera does the same as MSIE makes me start
> to wonder whether this is even *supposed* to work. And yet, I haven't
> found anything in the specifications against styling a table row and
> expecting it to work consistently?
>
> I wonder whether there are any values of background-position and/or
> background-attach which would persuade reluctant browsers to do what's
> wanted? Haven't found any suitable value(s) yet, though.

Applied to TR works in Gecko, but if you apply background-image to TABLE
works in the three. The TR element can take a STYLE parameter so I
assume it should work and therefore Gecko would be correct.

Now if you apply the background-image to TABLE you can blank it out
non-header row by have a class with a flat color image for the background,

TABLE { background-image: url(splash.jpg); }
TR.mydata {background-image: url(justwhite.gif); }

<table>
<tr><th>flashy header</th><th>more header</th></tr>
<tr><td class="mydata"> 123.4</td> class="mydata"> 567.8</td></tr>
....

But I bet the OP real purpose if a table layout where he would be better
served using DIVs and a more flexible layout....

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]