Background Image...

DJ_Guvana · Jun 23, 2005

Hi all

I created a background image. ( 30x700 ) With a gradient on it, so it repeats and looks like the backgrounds fading, but it also repeats downwards, and spoils it, is there anyway to make the background image fit perfect?

Regards

kpm547 · Jun 23, 2005

Use cascading stylesheets to set your background. Add this code to the body or what ever element you want the background in.

Code:

<body style="background-image:"image.jpg";background-repeat:repeat-x;">

That should solve your problem.

PoorDoggie · Jun 23, 2005

DJ_Guvana said:
Hi all

I created a background image. ( 30x700 ) With a gradient on it, so it repeats and looks like the backgrounds fading, but it also repeats downwards, and spoils it, is there anyway to make the background image fit perfect?

Regards

do you mean you want to stretch your picture on the page? You can't do that, but what you can do is make the gradient biger, so it is as high as a standard page, then put this in the head section of your site:

Code:

<style>
body{
background-image: url('##PATH TO IMAGE HERE##');
background-repeat: repeat-x;
background-attachment: fixed;
}
</style>

Have a look at the effect that produces, it is probably the nearest you will come, without using layers, which is very complicated (i think anyway)

Tom

Rowan W · Jun 23, 2005

Using "repeat-x" or "repeat-y" in the CSS will make the background repeat in only that direction.

StudioWorks · Jun 24, 2005

More on background-repeat function :

http://www.devguru.com/Technologies/css/quickref/css_backgroundrepeat.html

Hope this helps,

- SW

croquisaccidente.es

fountain-of-life.co.za

ittrends.es

moosc.id

vcjobs.io

avruparuyasi.tv

kasta.news

casehunt.live

delesimracing.se

femdomtube.xyz

Background Image...

Account Closed

Established Member

Soon to be RICHdoggie!VIP Member

Established Member

no one lives foreverVIP Member

Similar threads

We're social

epycal.com

BigTree.org

ADownloads.com

YMMF.com

a1cellular.com

DentalCoin.com

TriJewelry.com

QAEverything.com

NamesCanada.Com

pensblog.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling