PC Review


Reply
Thread Tools Rate Thread

How to add gradient to a cell?

 
 
=?Utf-8?B?Q0ZN?=
Guest
Posts: n/a
 
      8th Oct 2004
How can I add a gradient to a cell, just like in Microsoft's homepage (from
blue to white)? And without resoting to pictures?
 
Reply With Quote
 
 
 
 
Sparky Polastri
Guest
Posts: n/a
 
      8th Oct 2004

"CFM" <(E-Mail Removed)> wrote in message
news:168BCA43-1CCE-449C-8755-(E-Mail Removed)...
> 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?


 
Reply With Quote
 
Don
Guest
Posts: n/a
 
      8th Oct 2004
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
=======================
"CFM" <(E-Mail Removed)> wrote in message
news:168BCA43-1CCE-449C-8755-(E-Mail Removed)...
| How can I add a gradient to a cell, just like in Microsoft's homepage
(from
| blue to white)? And without resoting to pictures?


 
Reply With Quote
 
Guest
Posts: n/a
 
      8th Oct 2004
What is CSS stand for?
>-----Original Message-----
>
>"CFM" <(E-Mail Removed)> wrote in message
>news:168BCA43-1CCE-449C-8755-(E-Mail Removed)...
>> 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?
>
>
>.
>

 
Reply With Quote
 
Don
Guest
Posts: n/a
 
      8th Oct 2004
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
===================
<(E-Mail Removed)> wrote in message
news:0c2101c4ad73$263f3f60$(E-Mail Removed)...
| What is CSS stand for?
| >-----Original Message-----
| >
| >"CFM" <(E-Mail Removed)> wrote in message
| >news:168BCA43-1CCE-449C-8755-(E-Mail Removed)...
| >> 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?
| >
| >
| >.
| >


 
Reply With Quote
 
=?Windows-1252?Q?Rob_Giordano_\=28aka:_Crash_Gordo
Guest
Posts: n/a
 
      8th Oct 2004
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.


<(E-Mail Removed)> wrote in message news:0c2101c4ad73$263f3f60$(E-Mail Removed)...
| What is CSS stand for?
| >-----Original Message-----
| >
| >"CFM" <(E-Mail Removed)> wrote in message
| >news:168BCA43-1CCE-449C-8755-(E-Mail Removed)...
| >> 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?
| >
| >
| >.
| >
 
Reply With Quote
 
Andrew Murray
Guest
Posts: n/a
 
      9th Oct 2004
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.

"CFM" <(E-Mail Removed)> wrote in message
news:168BCA43-1CCE-449C-8755-(E-Mail Removed)...
> How can I add a gradient to a cell, just like in Microsoft's homepage (from
> blue to white)? And without resoting to pictures?



 
Reply With Quote
 
Andrew Murray
Guest
Posts: n/a
 
      9th Oct 2004
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).


"Don" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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
> =======================
> "CFM" <(E-Mail Removed)> wrote in message
> news:168BCA43-1CCE-449C-8755-(E-Mail Removed)...
> | How can I add a gradient to a cell, just like in Microsoft's homepage
> (from
> | blue to white)? And without resoting to pictures?
>
>



 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Gradient Fill in a cell =?Utf-8?B?UGhpbGlw?= Microsoft Excel Programming 2 6th Nov 2006 09:17 AM
Cell Gradient dtutterow Microsoft Excel Misc 0 20th Nov 2005 01:02 AM
How do get a different colors to gradient inside a cell =?Utf-8?B?dGh1bmRlcmxvYWRlcg==?= Microsoft Frontpage 1 23rd Sep 2005 10:12 PM
How do I create gradient backgroud color for a layout cell? =?Utf-8?B?cmNtaWxsZXI=?= Microsoft Frontpage 1 8th Jan 2005 06:50 PM
Pattern Gradient (not color gradient) Ian Microsoft Dot NET Framework 0 10th Sep 2003 08:37 AM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 11:43 PM.