Gradient fill in table cell

K

Kent McPherson

I want to have a gradient fill for the background color in a table cell. I
see how to change the fill color itself. The help file seems to indicate you
should be able to do this but I can't find the gradient submenu. Any help
would be appreciated.
 
T

Thomas A. Rowe

There is no function like that in any version of FP.

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage

http://www.Ecom-Data.com
==============================================
 
K

Kent McPherson

So if you want this kind of look, do you have to create a graphic background
in something like Photoshop and then use that file as a background to the
cell instead of picking a specific color?
 
P

P@tty Ayers

So the gradient image needs to be created in a graphics program and then
applied as a background to the cell, ideally using CSS.
 
T

Thomas A. Rowe

Why ideally with CSS, when you can very easily do it directly under Cell properties?

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage

http://www.Ecom-Data.com
==============================================
 
P

P@tty Ayers

Because it will be cleaner, better code, and will give you many more
options.
 
T

Thomas A. Rowe

I will agree with the more options part of your statement, but not that you would end up with
cleaner, better code, as you are actually adding more code to the page, etc.

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage

http://www.Ecom-Data.com
==============================================
 
J

Jon Spivey

How's it more code? You'd already have a stylesheet linked to the page so it
would just be
<td id="withBackground">content</td>

and in the stylesheet
#withBackground{
background-image: url(Gradient.jpg);
}
plus whatever other options you wanted.

Cheers,
Jon
 
T

Thomas A. Rowe

It is more code if you don't use CSS or have a style sheet attached.

background="Gradient.jpg"

vs

#withBackground{
background-image: url(Gradient.jpg);
}

<td id="withBackground">content</td>

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage

http://www.Ecom-Data.com
==============================================
 
P

P@tty Ayers

My concern was good code, not the number of characters, which probably would
be about the same either way.

CSS is the correct way to style HTML documents, rather than deprecated HTML
attributes, according to the W3C. It's not strictly necessary, of course,
which is why I said "ideally".
 
M

Mike & Martha

Kent McPherson said:
I want to have a gradient fill for the background color in a table cell. I
see how to change the fill color itself. The help file seems to indicate you
should be able to do this but I can't find the gradient submenu. Any help
would be appreciated.
Click to expand...

With all due respect to the group, I strongly urge *all* of you to look at this as
a very clever, simple solution to this type of problem. No graphics needed!

--- to use --
reference this file (on your own server) as a javascript src in the head of your document. give the elements you want a gradient background applied to a class as such

class="gradient 000000 ffffff horizontal"

See http://slayeroffice.com/code/gradient/ for more examples.

As they recommend:
<script type="text/javascript" src="scripts/gradient.js">
</script>
in the <head> section of your documents, then all that's
required is the 'embedded'
<body class="gradient B8DEFD ABD0BC vertical">
or in your case
<td class="gradient B8DEFD ABD0BC vertical"> or
<div class="gradient B8DEFD ABD0BC vertical"> or
in any other block tag you like.


Michael S. Rose
Bluegrass Plus Events Calendar
http://mmrose.home.comcast.net/

PS Please let me know what you think. On/Offline is fine.
 
M

Murray

Not bad, but not altogether ideal either. I think I'll stick with the
graphics method since it allows much more flexibility of implementation.

--
Murray
--------------
MVP FrontPage



Kent McPherson said:
I want to have a gradient fill for the background color in a table cell. I
see how to change the fill color itself. The help file seems to indicate
you
should be able to do this but I can't find the gradient submenu. Any help
would be appreciated.
Click to expand...

With all due respect to the group, I strongly urge *all* of you to look at
this as
a very clever, simple solution to this type of problem. No graphics needed!

--- to use --
reference this file (on your own server) as a javascript src in the head of
your document. give the elements you want a gradient background applied to a
class as such

class="gradient 000000 ffffff horizontal"

See http://slayeroffice.com/code/gradient/ for more examples.

As they recommend:
<script type="text/javascript" src="scripts/gradient.js">
</script>
in the <head> section of your documents, then all that's
required is the 'embedded'
<body class="gradient B8DEFD ABD0BC vertical">
or in your case
<td class="gradient B8DEFD ABD0BC vertical"> or
<div class="gradient B8DEFD ABD0BC vertical"> or
in any other block tag you like.


Michael S. Rose
Bluegrass Plus Events Calendar
http://mmrose.home.comcast.net/

PS Please let me know what you think. On/Offline is fine.
 

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

Similar Threads

Team Frame Fill and Arrows 0
count shaded cells with a gradient fill 3
Fill tringle in a cell with color 1
How to get background gradient with two colors I choose 5
how to change color gradients in a bar chart 0
Change gradient color in chart for Excel 2007 5
Text Box - Custom Formatting 1
Background Gradient Fill 0

Top