A question about CSS masthead

[G5Unit]

On my MySpace page I currently have a banner on top that kind of spills onto the profile on purpose.

My question is, is it possible to overlay more pictures such as sticky notes or Polaroids on top of the rest of my profile?

They would be a lot further down, such as 1000 pixels down the page.

Here is the page:

Yannik's MySpace

Thank you!

EDIT: I rephrased me question below.

 

[angelwatt]

Use the position: absolute; and z-index property to do that along with top, left, right, and/or bottom.

 

[G5Unit]

Use the position: absolute; and z-index property to do that along with top, left, right, and/or bottom.

I'm sorry I'm not to good with CSS yet. Could that be clarified?

I attempted to just copy and paste the code I have currently and move it down, yet then it removed my original, allowing me to only have 1 overlay.

 

[TodVader]

Here, everything you need is on that page: W3 School - CSS Positioning. It's pretty easy to do, you'll see.

 

[angelwatt]

I'm sorry I'm not to good with CSS yet. Could that be clarified?

I attempted to just copy and paste the code I have currently and move it down, yet then it removed my original, allowing me to only have 1 overlay.

I don't know the exact code you're dealing with so can't give an exact solution.

.class {
 position: absolute;
 top: 1000px; left: 100px;
 z-index: 2;
}
.class2 {
 position: absolute;
 top: 1000px; left: 150px;
 z-index: 3;
}

 

[G5Unit]

<style>div td {background-color:000000;}</style>
<div class="masthead"><span><img src="http://img28.picoodle.com/img/img28/4/5/11/f_yaym_95e5b6f.png" border="0" /></a></span></div>
<style type="text/css">
.masthead {width: 750px; position: absolute; margin-left: -460px; left: 50%; top: 160px; 
background-image: url();}
body table {margin-top:280px;}
body td table, body div table {margin-top: 0;}
</style>

Here it is

 

[G5Unit]

I'm going to rephrase my question:

How can I turn this:



in this, with the apple logo anywhere I want on the page: