Log in

View Full Version : 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,


<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):



<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.