How to add gradient to a cell?

[Guest]

How can I add a gradient to a cell, just like in Microsoft's homepage (from
blue to white)? And without resoting to pictures?

 

[Sparky Polastri]

How can I add a gradient to a cell, just like in Microsoft's homepage (from
blue to white)? And without resoting to pictures?

You might be able to do that with CSS.

Wont be able to do it with pure HTML.

What's wrong with using an image?

 

[Don]

Well you can try this

SPAN style="FILTER: progidXImageTransform.Microsoft.Alpha(
style=1,opacity=100,finishOpacity=0,startX=0,finishX=100,startY=0,finishY=100);
WIDTH: 100%; HEIGHT: 40px; BACKGROUND-COLOR: blue">

But it only works in IE...

It can also be done with CSS and that can be made to work in IE & NN

HTH

Don
=======================
| How can I add a gradient to a cell, just like in Microsoft's homepage
(from
| blue to white)? And without resoting to pictures?

 

[Guest]

What is CSS stand for?

-----Original Message-----

Microsoft's homepage
(from

You might be able to do that with CSS.

Wont be able to do it with pure HTML.

What's wrong with using an image?


.

 

[Don]

CSS = Cascading Style Sheet

It can be a linked text file or in line style in the header of the page..
Like---
<style>
a:link
{
text-decoration:none;
color:white
}
a:visited
{
text-decoration:none;
color:white
}
a:active
{
text-decoration:none;
color:white
}
a:hover
{
text-decoration:none;
color:yellow
}
SELECT { font-size:9pt; border:2px; }
</style>

Don
===================
| What is CSS stand for?
| >-----Original Message-----
| >
| >| >> How can I add a gradient to a cell, just like in
| Microsoft's homepage
| >(from
| >> blue to white)? And without resoting to pictures?
| >
| >You might be able to do that with CSS.
| >
| >Wont be able to do it with pure HTML.
| >
| >What's wrong with using an image?
| >
| >
| >.
| >

 

[=?Windows-1252?Q?Rob_Giordano_\=28aka:_Crash_Gordo]

Depending on which direction you want the gradient to go in...you can do it with a very small image (just a sliver) and CSS to tell it to repeat x or y. May seem tricky at first but it's very cool.


| What is CSS stand for?
| >-----Original Message-----
| >
| >| >> How can I add a gradient to a cell, just like in
| Microsoft's homepage
| >(from
| >> blue to white)? And without resoting to pictures?
| >
| >You might be able to do that with CSS.
| >
| >Wont be able to do it with pure HTML.
| >
| >What's wrong with using an image?
| >
| >
| >.
| >

 

[Andrew Murray]

that's done with a background image - you need to create that image in your image
editor such as Photo ELements or whatever you have. I still use image composer
which has a gradient feature.

 

[Andrew Murray]

but.....if you want to have it work in every browser, then use a background image
for the table cell....but then this won't work in some browsers either - the
table cell background image is not supported in Netscape apparently (or at least
earlier versions).