0

pls! help me :( i want to make a webpage that have one picture-background only and it is flexible to the size of my window browser without loosing there quality.. help help me guys!!!!

5
Contributors
8
Replies
10
Views
6 Years
Discussion Span
Last Post by anand01
0

body
{
background-image:url('image Url');
background-repeat:no-repeat;
}

Add this code in Ur css

0

This is one of the things on the page I sent you. Please go read all of them, it is the example at the bottom of the page.

body
{
background-image:url('image Url');
background-repeat:no-repeat;
background-attachment:fixed;
}
0

hi guys you use a this one coding in a your design page follow this one

body
{
background-image:url('image Url');
background-repeat:no-repeat;
}

Add this code in Ur css

Edited by edesigner: n/a

0

These codes will allow you to have a fixed image background.
It will adjust along with the browser window size, also image will adjust to the length of the webpage.

Place these 2 scripts after the <title> </title> tag's, and before the </head>

<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
</style>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#page-background {position:absolute; z-index:-1;}
#content {position:static;padding:10px;}
</style>

Place this line of code anywhere within the <body> </body> tag's.

<div id="page-background"><img src="(File name)" width="100%" height="100%"></div>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.