background in a cell

[slighltywhacked]

Hi all

I have a background in a cell, but it keeps repeating..how can I stop this from happening?

[delemtri]

There was a post on this previously. Try:

<td background="background" style="background-repeat:no-repeat">

That should work.

[creole]

You cannot reliably stop tiling from happening. The best thing to do would be to create your image so that when it does tile it is not noticeable.

[Doug Baker]

Instead of using a combination of html attributes and css, try using just the css.

<td style="background-image: url('myimage.gif'); background-repeat: no-repeat">

background-image is very widely supported on CSS browsers, as is background-repeat: no-repeat

[Technosailor]

create the graphic to be as big as the cell will be. I do all my backgrounds this way. The negative part is that on really big graphics, image size can get quite large. Still working through this myself, though...

Sketch

[MrLister]

Originally posted by Sketch
create the graphic to be as big as the cell will be. I do all my backgrounds this way. The negative part is that on really big graphics, image size can get quite large. Still working through this myself, though...

Sketch

wouldn't this cause a problem if the cell or table are set to 100% width. how would you know how big the graphics are on other computers.

[Technosailor]

yeah, it could. guess it depends on what the graphic is. I usually design my page backgrounds to fit at 1200x1024. Also, scripting could be used to determine display size and based on display size, have the bg set at diff sizes.

Sketch

[Aes]

If you're hellbent on using liquid tables (i.e. percentages), use them on an outside table. Then, within that, use another table, only this time make it absolute by using pixels, the exact same dimensions as the image. That will stop your cross-browser/resolution compatibility problem while still giving you the background effect you're looking for. =)

[lynlimz]

Originally posted by Doug Baker
<td style="background-image: url('myimage.gif'); background-repeat: no-repeat">

never use single quotes in your background-image : url('') code!
It will not work in macintosh ie browsers. neither is it of standards with w3c.

[paroxysm]

Odd I don't even use the quotation marks. It works fine in NN and IE. Is it even compliant?

[subBlue]

There is a bug with netscape when you apply an image as a table background - it will be repeated in each table cell, rather than over the whole table.
The trick to get it to work in Netscape as well as IE is to make a one cell table with the background image, then within that table make your many cell table, *but* put a 1x1 transparent gif image as the background image of the nested table. It's a strange work around, but it will then display correctly.

Here's some example code:

<table width="200" background="background.jpg">
  <tr>
	<td>
	  <table width="200" background="invisible.gif">
		<tr>
		  <td>Cell1</td>
		  <td>Cell2</td>
		</tr>
		<tr>
		  <td>Cell3</td>
		  <td>Cell4</td>
		</tr>
	  </table>
	</td>
  </tr>
</table>

[lynlimz]

Originally posted by paroxysm
Odd I don't even use the quotation marks. It works fine in NN and IE. Is it even compliant?

huh? lol
no quotations is the right way to go.