Wedge

MultiformeIngegno · « on September 12th, 2011, 06:08 PM »

Hi! :)
I'm creating a website for a school and I have a little problem with an image (gradient) used as background.
Here is the link: http://virgilio.lorenzoraffio.com/

When I browse the website with a large resolution, it's all good:
http://img43.imageshack.us/img43/5298/fullwebsite.jpg

But when I browse it with a lower res, the gradient has this problem:
http://img855.imageshack.us/img855/7843/reducedwebsite.jpg

I used this:

Code: [Select]

background: url("image_url") repeat-x scroll 0 0 transparent

What should I change..? Thanks in advance guys! ;)

Arantor · « Reply #1, on September 12th, 2011, 06:38 PM »

Change the transparent part to the colour at the end of the gradient, so that when the gradient's over, it runs on with the same colour as at the end of it.

* Arantor doesn't know if that'll have other effects, hasn't looked at any of the code, only the pictures.

MultiformeIngegno · « Reply #2, on September 12th, 2011, 08:54 PM »

It was that simple! :^^;:

Nao · « Reply #3, on September 12th, 2011, 11:03 PM »

It's what I'm doing with the gradient background on Wedge.org, if you look at the CSS ;)

Wedge

Home

Login

Register

MultiformeIngegno

Help with background image (html)

Arantor

Re: Help with background image (html)

MultiformeIngegno

Re: Help with background image (html)

Nao

Re: Help with background image (html)