PDA

View Full Version : having problem in page layout.



sohailglt
08-23-2013, 08:55 PM
my html page background is not settled how to set a small bg picture in full page

djr33
08-23-2013, 09:15 PM
Your question does not give us enough information to help you. Please:
1) Explain in more detail:
--What do you want to happen?
--What is actually happening (as an error)?
--What have you tried to do to fix it?
2) Provide us with a link to your page (or, not as helpful, but possible, source code posted here in [CODE] tags). Without seeing your page, we can only make (bad) guesses about what might be wrong.

More specifically, what do you mean by "settled"? I don't understand. And what is a "full page"?


Are you looking for how to center an image in the background of a page?

molendijk
08-23-2013, 09:43 PM
Try to experiment with this (if this is what you mean):

<!doctype html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Small image used as background</title>

<style>
body {font-family: arial; font-size: 13px; }
</style>

</head>

<body >

<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:-1; ">
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSgUEAom7HzEHVBZzwqRgzrLf3XGeq5Xj20QxrOaS_A1U18uQl3NpU82zPj" style="position:fixed; width:100%; height:130%;" alt="">
</div>



<div style="position: relative; text-align: center; font-size:140%; top: 40px; padding-bottom:8%">
Homo habilis: 2.4 million to 1.4 million years ago </div>

<div style="background: white; padding: 20px; margin-left:20%; margin-right: 20%; opacity:0.8">
<i>Homo habilis</i> has a smaller face and smaller teeth than <i>Australopithecines</i> or older hominin species. But it still retains some ape-like features, including long arms and a moderately-prognathic face. Its name, which means 'handy man', was given in 1964 because this species was thought to represent the first stone-tool maker. Currently, the oldest stone tools are dated slightly older.<br><br>

<i>Homo habilis</i> has a smaller face and smaller teeth than <i>Australopithecines</i> or older hominin species. But it still retains some ape-like features, including long arms and a moderately-prognathic face. Its name, which means 'handy man', was given in 1964 because this species was thought to represent the first stone-tool maker. Currently, the oldest stone tools are dated slightly older.<br><br>

<i>Homo habilis</i> has a smaller face and smaller teeth than <i>Australopithecines</i> or older hominin species. But it still retains some ape-like features, including long arms and a moderately-prognathic face. Its name, which means 'handy man', was given in 1964 because this species was thought to represent the first stone-tool maker. Currently, the oldest stone tools are dated slightly older.<br><br>
</div>

</body>

</html>