Css And Html, Help Options

[NathanOrange]

Can Anyone Tell Me The Difference Between CSS and HTML. Which is better for me. Im creating a mega myspace As you can see by the amount of divs! LOL But some reason i cant get the comments to display in the "commentcolumn" Wich is only 250px wide. I used one of the codes on this creatblog but it wont display them, instead scrambles my whole layout

Also, i want each div to have its own style instead of all of them sharing the same.

My div knowledge is very limited and basic. Anyone who can help me with this problems please reply. thanks.
Check out my layout on my Test Site




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>

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



[/quote]