Fill effects within the cell

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Does anyone know if you can do a fade or fill effect within a cell or does it
always have to be a solid color?
 
Brianne said:
Does anyone know if you can do a fade or fill effect within a cell or
does it always have to be a solid color?
Click to expand...

By a cell, do you mean a cell within a table ?
So you have a background colour for the cell. Yes?

If this is what you are describing, then you would need a different
background.

It can probably be done with filters but these are Microsoft only.
So the better soution is to create a faded image in an image editor and use
it as your backrground

The CSS style would be
td {background-image: url(fadedimage.jpg) }

I don't think you can specify a height and a width with a background image,
so you will have to careful with the dimensions..
If the cell is 100px wide and the image is 200px, then you won't see the
entire faded effect.

And table cells will expand to fit their contents so you can't always be
sure of their size.

The good thing is that you only have to worry about one dimension.
You can create an image 1px high and 100px wide and in the CSS, specify
td {background-image: url(fadedimage.jpg) repeat-y}
 
thanks I will look into that
--
Bri


Trevor L. said:
By a cell, do you mean a cell within a table ?
So you have a background colour for the cell. Yes?

If this is what you are describing, then you would need a different
background.

It can probably be done with filters but these are Microsoft only.
So the better soution is to create a faded image in an image editor and use
it as your backrground

The CSS style would be
td {background-image: url(fadedimage.jpg) }

I don't think you can specify a height and a width with a background image,
so you will have to careful with the dimensions..
If the cell is 100px wide and the image is 200px, then you won't see the
entire faded effect.

And table cells will expand to fit their contents so you can't always be
sure of their size.

The good thing is that you only have to worry about one dimension.
You can create an image 1px high and 100px wide and in the CSS, specify
td {background-image: url(fadedimage.jpg) repeat-y}
Click to expand...
 
Back
Top