Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations bkrike on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

background image? or another way perhaps?

Status
Not open for further replies.

rebnei

Technical User
Oct 16, 2003
5
GB
Very new to web design and dreamweaver. I am trying to create a background that fades the colour from the bottom to the top of the page.
I thought this would be created as a seperate image (or not?). but if i use an image then i can't use autostretch cause the image won't stretch.
What's the best way of acheiving this effect.

Thanx in advance
 
Use CSS. The BG itself wont fade across, so its best to use a graphic file to achieve what you want.

I do a fade bg in three of my sites, and what I do is create an image/graphic 500 pixels high and 1 pixel wide. my 1st color would be the color I want to fade from and my 2nd color would be the color I want to fade to (or the page bg color ). Do my gradient fade and then save the file

In the css for the body tag:

Code:
body {
	background-color: #333333;   // same color as my 2nd
	background-repeat: repeat-x; // will repeat only on x axis
	margin: 0px;
	padding: 0px;

}
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top