graduated background

**martin coombes** · 08-09-2009, 07:09 PM

Hi, I use the following code to allow me a graduated background in my site,

Code:

<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#8fc136', startColorstr='#ffffff', gradientType='0');" link="#ffffff" vlink="#ffffff" alink="#ffffff">

My web site is

www.thisisharz.com

Can anyone help me with a code that is suitable for all browsers.

Many thanks

Martin

**martin coombes** · 08-09-2009, 07:11 PM

Hi, I have no idea why these silly faces are showing,

Please help and maybe look at the web site for the code

Martin

**thetestingsite** · 08-09-2009, 07:15 PM

That code only works for IE. For a more cross browser solution, you need to use an image that is a gradient.

Hope this helps.

**martin coombes** · 08-09-2009, 07:17 PM

Just one more thing, these faces should be double dots in the code

Martin

**martin coombes** · 08-09-2009, 07:22 PM

Hi, thanks for the advice and who ever clered up my first message.

I guess what you are saying is that I need to create a background image, if so how can I make sure it works from top to bottom in one nice smooth flow and not repeat itself as my pages are all diffrent lengths.

Many thanks

Martin

**thetestingsite** · 08-09-2009, 07:45 PM

use css (below code should be placed between the head tags and you will need to change the parts in red to suit your preferences):

Code:

<style type="text/css">
BODY {
 background: url('/path/to/background.image') repeat-y #ffffff;
}
</style>

Example of above code:

http://www.gadgetzinc.com

Hope this helps.

Thread: graduated background

Thread Tools

Search Thread

graduated background

Bookmarks

Bookmarks

Posting Permissions