Help? Myspace Div Overlay!, Div Problems. Options

[NathanOrange]

Hi

I have basic knowledge with div overlays, but have never made one from scratch. I have designed the layout i want myself (almost) But cant make it function properly. Hear is a screen capture of part of my layout.



As you can see its a big div overlay.. And that was not even quarter of the whole layout! LOL

There are a few problems i am having. And I'm just totally confused, and cant go any further in completing my layout. I cannot get my friends comments to display in a div. I have tryed some codes do try and get it to display, but it just wont. But my main concern is the div individuality. Currently all the divs are set to the same characteristics, i want to change each box's Borders, backgrounds to there own individual specifications. (I sound like a nerd)

I have looked everywhere at TUT'S and Forums. But nothing that i understand helps.

Please check out my test profile here Test Site

As u can see I'm desprit!!! For anyone who can take a look and help me build it rite! I think im using the wrong method to build it. If u have any better ways to create Div Overlays please tell me... Keeping in mind im blond and like it simple, so i can change it it future.

Hear is my codes is u can take a look.

About ME:

CODE

<style>body table td div form {display:none !important;}</style>

<style type="text/css">
.www.divoverlay.com-div-generator{display:none}
body {
background:url('') no-repeat top left scroll;
background-color:99ccff
}

.contain div {
background:url('http://l.yimg.com/www.flickr.com/images/spaceball.gif') no-repeat top left scroll;
background-color:333333;
color:FFFFFF;
font: 10pt Arial,Helvetica,sans-serif;
overflow:auto
}

a:link, a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a:hover, a.navbar:hover, a.man:hover {
color:000000;
text-decoration: underline;
font: italic 10pt Tahoma,Geneva,sans-serif
}



.BannerLinks{
width:200px;
height:150px;
top:20;
left:0px;
position:absolute
}

.Bannerlinks2{
width:200px;
height:150px;
top:200;
left:450px;
position:absolute

}


.ProfilePic{
width:250px;
height:350px;
top:600px;
left:270px;
position:absolute
}

.SlideingPics{
width:200px;
height:150px;
top:600px;
left:0px;
position:absolute
}


.SlideingPics2{
width:200px;
height:150px;
top:800px;
left:600px;
position:absolute

}

.Banner2{
width:800px;
height:100px;
top:1000px;
left:0px;
position:absolute
}


.AboutMe{
width:400px;
height:350px;
top:1150px;
left:0px;
position:absolute
}

.Extra1{
width:150px;
height:100px;
top:1530px;
left:30px;
position:absolute
}

.Extra2{
width:150px;
height:100px;
top:1530px;
left:220px;
position:absolute
}

.Friends{
width:300px;
height:480px;
top:1150px;
left:500px;
position:absolute
}

.Youtube{
width:600px;
height:300px;
top:1700px;
left:0px;
position:absolute}

.Links{
width:150px;
height:300px;
top:1700px;
left:650px;
position:absolute
}

.Comments{
width:250px;
height:3000px;
top:2100px;
left:0px;
position:absolute
}


.CommentBox{
width:250px;
height:150px;
top:2100px;
left:270px;
position:absolute}

.Banner3{
width:250px;
height:70px;
top:2260px;
left:270px;
position:absolute}

.ChatBox{
width:250px;
height:250px;
top:2340px;
left:270px;
position:absolute}

.Blog1{
width:500px;
height:250px;
top:2650px;
left:300px;
position:absolute}

.Blog2{
width:500px;
height:250px;
top:3000px;
left:300px;
position:absolute}



.hold{background-color:transparent}

.contain{
left:50%;
margin-left:-400px;
top:150px;
position:absolute;
z-index:0;
background-color:transparent;
visibility:visible
}


.mpd{left:50%;margin-left:-400px;top:0;position:absolute;z-index:9;visibility:visible !important}


.contacttable,.profileinfo,.latestBlogEntry,.interestsAndDetails,.extendedNetwor
,.orangetext15{display:none}
.bodyContent div div form{display:inline}
.bodyContent table table table{visibility:hidden}
a img{border:none}
td,form{margin:0;padding:0}
table,tr,td{background:transparent}
www.divoverlay.com-additional-coding{display:none}
</style>

<style type="text/css">
td td embed, td td object { position: absolute; top: 1000px; left: 50px; }
td td td embed, td td td object { position: static !important; }
</style>

Who I'd Like To Meet:

CODE

<div class="hold"><div class="contain">

<div class="BannerLinks"></div>


<div class="Bannerlinks2"></div>


<div class="SlideingPics"></div>


<div class="ProfilePic"> </div>


<div class="SlideingPics2"> </div>


<div class="Banner2"></div>


<div class="AboutMe"></div>


<div class="Friends"></div>


<div class="Extra1"></div>


<div class="Extra2"></div>


<div class="Youtube"></div>


<div class="Links"></div>


<div class="Comments"></br></br>


</div>


<div class="CommentBox"></div>


<div class="Banner3"></div>


<div class="ChatBox"></div>


<div class="Blog1"> </div>


<div class="Blog2"> </div>



</div></div></div>

</a></div>
<div class="comments">
<table><tr><td>
<table><tr><td>

PLEASSSSSSSSE Help me.


Also... I have seen on peoples myspaces they have 2 backgrounds.

Background 1, is 100px from each side if there profile, and the other is on the main part of there profile.. If u want an example of what im talking about click Hear!!!!!!!

It looks really cool!

Thanks. Nathan

Anyone Who Can Help Me Please Email Me Email AdressOr Just Add That On MSN To Chat!

I will give you the password to the test profile if it helps.

cheers... Nathan