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 strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Applying a jpeg picture as background

Status
Not open for further replies.

HCJordan

Technical User
Apr 23, 2004
11
US
I'm trying to use a picture that I have created using Adobe Photoshop 7 as the background for each of my pages. I've saved the picture as a jpeg.

How would I go about doing this? Import the picture into Frontpage and then apply it to each page, or is there an easier way? Also, what size should I make the picture? Right now I have it at 800x600.

Thanks,

HCJ
 
Well if you want to use FP - the background will repeat or tile. Meaning that if your image is 800X600 & someone view it on a 1280&1024 screen, they will see the image repeating.

You can use CSS to place the image in the background once & have it not to repeat if you desire (placed in the <HEAD> :
Code:
<style type="text/css">
body
{ 
background-image: url("images/background.jpg");
background-repeat: no-repeat;
}
</style>

Or you can create a table that is 800X600 & use that image as the background. And the place everything else inside that table.

__________________________
Corey

 
So should I change the size of my gradient background made in Photoshop to 1280X1024? Also, when using the code given, in parenthases () I should apply where the image is located correct?

Thanks,
HCJ
 
HCJordan said:
So should I change the size of my gradient background made in Photoshop to 1280X1024?
That is up to you. What size do you want your website "catered" to. If someone views it at 800X600 or 1024X768 - the backgdound will not be seen completely.
HCJordan said:
Also, when using the code given, in parenthases () I should apply where the image is located correct?
That is correct - change the path to the oath of your background image.

__________________________
Corey

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top