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

Having a 300 pixel wide background image fir to page 1

Status
Not open for further replies.

NePeutPas

Technical User
Oct 9, 2002
1
NZ
I've seen this done, but I can't, for the life of me, make it happen. I've found things telling me how to have it centered, located in any particular part of the page, not scroll with the page (which is all cool) but not how to have it stretch itself. The reason I want to do this is simply that a page-sized image takes too long to download.

The place I've seen this is but, very inconveniently, it's gone pear shaped right now. Any help would be very much appreciated.

Cheers =)
 
Hi there

Unfortunately, background images have no size attributes.

You said it yourself, a 'page sized' image takes too long to load, therefore I would ditch the whole idea of a background image - large or small.

Slow loading pages are a big turn off and background images contribute heavily to this. Probably not what you wanted to hear, but there you have it... ;-)

Craig
 
You might want to try a stationary watermark, though you should make sure the image is around 30K or less. This puts it in the page background, but it doesn't move and doesn't repeat.

Use this code in the header section of your HTML code, subsituting in your file name for logo.gif.

<style type=&quot;text/css&quot;><!--
body { background-image:url(&quot;logo.gif&quot;);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:bottom right; }
--></style>
Linda Adams
Linda Adams/Emory Hackman Official Web site Official web site for actor David Hedison:
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top