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

Right Hand Margin design 2

Status
Not open for further replies.

Hondy

Technical User
Mar 3, 2003
864
GB
Hi

Ok, an easy star for someone! On many sites designed for 800x600 that are set to the left edge of the screen there is often a nice margin in the right.

How do you set the background outside the page boundaries to have a gradient or a page edge without adding one on to the existing page graphics? Do you just have to use a repeating background graphic?

Thanks!
 
My, you must be bored...But how do you make it appear in the correct place, is there a way to make the graphic appear at a coordinate or do you have to make it span the entire page? Is there a way to start the repeating graphic at a certain pixel width across?

All I have so far is a reapeating image, 2 pixels deep and 1700 across, it works but is this the way you are supposed to do it? Is there a more effient way?

Thanks
 
That's the way I learned to do it. A background graphic generally starts in the upper left corner and stretches to its limit to the right, then repeats itself to the right and down. I know you can change some properties of the background with style sheets, but without using CSS that's how it works.

Lee
 
Thanks, that's what I needed to know :)
 
Like this?
Code:
<html>
<head><title>Background sample
</title>
<style>
body{background-image:url('bacgroundImage.jpg');
background-position:800px;
background-repeat:repeat-y;}
</style>
</head>
<body>test
</body>
</html>

Glen
 
Yes glenmac, exactly that, thanks! That will save precious bandwidth by downloading only whats needed, great!

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top