HTML Code

dydocan · Jun 14, 2011

PHP:

<html>
<head>
<title>RehMaN-OTS</title>

<style type="text/css">
/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {position:relative; z-index:1; padding:10px;}
</style>

<body>
<div id="page-background"><img src="main/ddn.png" width="100%" height="100%">
</body>

</head>
</html>

That is my html code so far but if I want to add an image as a link on the website how do I do that cuz it isn't working on the way I am doing it...

and remember I want to select where the image shall be padding-left50px padding-top80px and so on..

Kavvson · Jun 14, 2011

You can do it with one <div>

like

Code:

<body>
<div id="page-background"></div>
</body>

and the style part

HTML:

#page-background {
position: relative;
 height: 100%;
 width: 100%;
 background: url(bgd.png) top no-repeat #f00;
}

dydocan · Jun 15, 2011

yes but now I was talking about how to put my image where I want..

HTML Code

dydocan

dydocan

Kavvson

Gdy boli cie glowa wez

dydocan

dydocan

Similar threads