Wedge

Public area => The Pub => Off-topic => Topic started by: MultiformeIngegno on September 12th, 2011, 06:08 PM

Title: Help with background image (html)
Post by: 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! ;)

Title: Re: Help with background image (html)
Post by: Arantor 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.

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

Title: Re: Help with background image (html)
Post by: MultiformeIngegno on September 12th, 2011, 08:54 PM

It was that simple! :^^;:

Title: Re: Help with background image (html)
Post by: Nao 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 ;)