Fill effects within the cell

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?
 
T

Trevor L.

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?

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}
 
G

Guest

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}
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top