Prev: Visual Lightbox 3.1
Next: PHP
From: lenlu11 on 16 Mar 2010 03:40
I use a background that is dark blue at the top and then fades to light blue
at the bottom. When it is repeated I get a sharp edge as I scroll down. I
would like to have the background remain light blue no matter how far the
page is scrolled down. How do I do that?
Lennart in Sweden

From: "Trevor Lawrence" Trevor on 16 Mar 2010 04:01
All that I can think of is to make the image big enough so that it does not
repeat. In fact if it fits exactly in the window, you should get the effect
that you want.

But you have to remember that not everyone uses the same size window

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

"lenlu11" <lennart.lundh(a)telia.com> wrote in message
news:%23fTl9vNxKHA.3408(a)TK2MSFTNGP06.phx.gbl...
>I use a background that is dark blue at the top and then fades to light
>blue at the bottom. When it is repeated I get a sharp edge as I scroll
>down. I would like to have the background remain light blue no matter how
>far the page is scrolled down. How do I do that?
> Lennart in Sweden


From: Ronx on 16 Mar 2010 04:13
Use CSS to set a light blue background color for the page, and also to stop
the background image from repeating vertically.

In the head section of the page (between <head> and </head> in code view),
add the following:

<style type="text/css">
body {background: #ccccff url(images/background.jpg) repeat-x;}
</style>

where #ccccff is the light blue shade your gradient ends in - change as
required, #ccccff is almost definitely not correct.
images/background.jpg is the background image - the path may have to be
changed for pages in folders.
repeat-x causes the image to repeat horizontally, but not vertically.

--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.



"lenlu11" <lennart.lundh(a)telia.com> wrote in message
news:#fTl9vNxKHA.3408(a)TK2MSFTNGP06.phx.gbl...
> I use a background that is dark blue at the top and then fades to light
> blue at the bottom. When it is repeated I get a sharp edge as I scroll
> down. I would like to have the background remain light blue no matter how
> far the page is scrolled down. How do I do that?
> Lennart in Sweden

From: Stefan B Rusynko on 16 Mar 2010 04:26
If your background gradient image is wide enough to not repeat horizontally (at least 1600 px wide)
Set your page background color exactly to the same color as your light blue at the bottom of the background gradient image
- then set your background gradient image to not repeat using CSS

<style type="text/css">
background-image: url('Path/imagename');
background-repeat: no-repeat;
background-position: left top;
background-color: #color;
</style>

Where Path/imagename is the and image name of your background gradient image
- and #color is the hex for your light blue color
--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


"lenlu11" <lennart.lundh(a)telia.com> wrote in message news:%23fTl9vNxKHA.3408(a)TK2MSFTNGP06.phx.gbl...
I use a background that is dark blue at the top and then fades to light blue
at the bottom. When it is repeated I get a sharp edge as I scroll down. I
would like to have the background remain light blue no matter how far the
page is scrolled down. How do I do that?
Lennart in Sweden


From: Tina Clarke on 18 Mar 2010 21:55
"lenlu11" <lennart.lundh(a)telia.com> wrote in message
news:%23fTl9vNxKHA.3408(a)TK2MSFTNGP06.phx.gbl...
>I use a background that is dark blue at the top and then fades to light
>blue at the bottom. When it is repeated I get a sharp edge as I scroll
>down. I would like to have the background remain light blue no matter how
>far the page is scrolled down. How do I do that?
> Lennart in Sweden



I find it best to have a graphic a few px wide say about 5 or six with the
length i want .. then the last bit of colour I pick it out and make the
colour of the background the same ...

You can use this to make gradients
http://tools.dynamicdrive.com/gradient/

to get an effect like
http://www.frontpage-to-expression.com/site-templates/

which you can see here

http://www.frontpage-to-expression.com/images/gradient.jpg

hth Tina
Expression Web Easter Giveaway
http://www.frontpage-to-expression.com/expression-web-giveaway.html
Prizes: EW 3.0 x1, Migrating from FronPage to Expression Web Ebook x2, EW
Tips Ebooks x3
Special Prize: SEO Toolbar for any version. Runs: 12th March - 30th April

 | 
Pages: 1
Prev: Visual Lightbox 3.1
Next: PHP