navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Fixed background help

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Microsoft FrontPage Help >> Fixed background help
Page: [1]
 
Anthony162

 

Posts: 56
Joined: 1/12/2004
Status: offline

 
Fixed background help - 6/3/2004 10:24:56   
Hi,

The problem is that I want a fixed background image, and don't know how to do it! Basically I want it so that when a visitor is reading the text on a page, as they scroll down a watermarked piece of clipart always stays visible. Can anyone help?

Thanks :)
JSpilio

 

Posts: 76
Joined: 6/27/2002
Status: offline

 
RE: Fixed background help - 6/3/2004 11:12:34   
You can use style sheets to achieve this...

In the head part of your page, use the following code:

<style type="text/css">
body 
     {
          background-image: url("myImage.gif");     /* use image path relative to page location */
          background-repeat: no-repeat;             /* this is what controls the repeating of the image. You can repeat horizontally, vertically, both, or not at all */
          background-position: top center;          /* this defines where you want the background image to be stuck on your page */
     }
</style>


You can read more about backgrounds on the W3C's website here.

I hope this helps!


Jonathan

_____________________________

" Hard Work Beats Talent When Talent Doesn' t Work Hard..."

(in reply to Anthony162)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: Fixed background help - 6/3/2004 13:54:16   
If you want the attachment to stay where it is, and not move when the page scrolls... add the last line below to the code:

<style type="text/css">
body 
     {
          background-image: url("myImage.gif");    
          background-repeat: no-repeat;             
          background-position: top center;       
          background-attachment: fixed;
}
</style>


< Message edited by bobby -- 6/3/2004 10:54:35 >


_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to JSpilio)
Page:   [1]

All Forums >> Web Development >> Microsoft FrontPage Help >> Fixed background help
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts