a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

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

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

 

background picture

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

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

All Forums >> Web Development >> General Web Development >> background picture
Page: [1]
 
Linda5630

 

Posts: 104
Joined: 9/29/2002
Status: offline

 
background picture - 6/12/2003 21:07:19   
I' ve just taken my first shot at inserting a background (watermark) picture. Is it possible to avoid tiling? I really want one washed-out image, but can' t seem to find the right instructions. Thanks. Linda
SerenityNet

 

Posts: 1372
Joined: 6/12/2001
From: Allen, TX, USA
Status: offline

 
RE: background picture - 6/12/2003 23:47:10   
Is this what you are looking to find?

The information below can be found at http://www.outfront.net/tutorials_02/adv_tech/bgimages.htm (on page 2 of tutorial).

Have fun,
Andrew


Keeping a Background Image From Tiling with CSS

I' ve known about this for some time, but I was sure that it didn' t work in Netscape 4. I just tested it in NN 4.61, and I was certainly wrong. It works! I' m looking at it in NN 6.1, Opera 6.0, and IE 5.0. Good there too.

This degrades very smoothly into old browsers also. Old browsers just don' t see any bg image. So you never have tiling even in NN 3.

Put this above <body> and after </title>:

<STYLE TYPE=" text/css" >
<!--
BODY { background-image: url(images/myimage.jpg) }
BODY { background-repeat: no-repeat }
-->
</STYLE>


POSITION IMAGE IN CENTER
This code will position the image in the center:

body {
background-image : url(image.jpg);
background-position : center center;
background-repeat : no-repeat;
}


Then there is also:

BODY
{
background-color: white;
background-image:url(' images/background2.jpg' );
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
}


_____________________________

</Chaos, panic, & disorder - my work here is done.>

(in reply to Linda5630)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> General Web Development >> background picture
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