<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Blue Illusion Elite IM</title>
</head>
<body>
<div="3dcubes"><img src="images/3dcubes.png" alt="3dcubes" width="688" height="503">
</div>
<div class="pagewrap"><img src="images/pagewrapbg.png" alt="*****tits" width="840" height="743"></div>
</body>
</html>
here is my html code and here is my css
.pagewrap {
text-align:center;
width:auto;
padding:auto;
border:auto;
margin:auto;
position:fixed;
z-index:-1;
}
#3dcubes {
text-align:center;
width:auto;
padding:auto;
margin:auto;
position:fixed;
float:right;
z-index:1;
}
body {
color:white;
font-size: 1.1em;
background-image: url('images/bg.png');
position:fixed;
z-index:-2;
}
I have been playing around with the positions and what not, but I feel if someone explained how laying out images in layers and how to position them, that I'd understand much more. I've seen guides on how to but different people learn different ways.